Recent
Categories
View Replies (14)

J51 Journal Bullet Points Issue

0
Votes
Undo
  1. Dakota09
    Dakota09
  2. Sherlock Holmes
  3. Commercial Templates
  4. Monday, 25 December 2023
  5.  Subscribe via email
Hello, I am building a new site using the J51 Journal template. On this page, https://nickles.us/test/supplier-terms-conditions, under part XV the bullets/stars are not top centered, but middle center. I think this can be corrected via updated CSS, but not quite sure how to remedy. Appreciate any assistance or guidance! Thanks!
Responses (14)
dautrich
dautrich
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Access to URL is forbidden.
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Dakota09
Dakota09
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hmmm that is weird I just clicked on the link and no issues?
  1. more than a month ago
  2. Commercial Templates
  3. # 2
dautrich
dautrich
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Bildschirminhalt erfassen-1.jpg
Attachments (1)
Bildschirminhalt erfassen-1.jpg Bildschirminhalt erfassen-1.jpg
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Dakota09
Dakota09
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Here is a screenshot, thanks!
Attachments (1)
Screenshot 2023-12-29 144706.png Screenshot 2023-12-29 144706.png
  1. more than a month ago
  2. Commercial Templates
  3. # 4
dautrich
dautrich
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Screenshot doesn't help, because you have to play with browser devtools. Anyway, I'm afraid that I can't help. This is a task for Ciaran.
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Werner
Werner
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi,
try this one. Add it to your customs css of your template.

ul.star li {
background: transparent url("../images/typo/star.png";) left top 14px no-repeat;
}

Insert instead of the emoji a bracket. No Idea why a emoji appears here...

Werner
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Dakota09
Dakota09
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks Werner! Here is the code I put in my Custom CSS in the template:

ul.star li {
background: transparent url("../images/typo/star.png";) left top 14px no-repeat;
}

However, even after clearing cache and refreshing I am not seeing any change?

Thanks!
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Werner
Werner
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
This is strange, I attached a screenhot with the CSS parameters.
Attachments (1)
Screenshot.jpg Screenshot.jpg
  1. more than a month ago
  2. Commercial Templates
  3. # 8
dautrich
dautrich
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Try like this:


ul.star li {

background: transparent url("../images/typo/star.png") left top 14px no-repeat;

}
  1. more than a month ago
  2. Commercial Templates
  3. # 9
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Or just...

ul.star li {

    background-position-y: 1rem;

}


If the issue persists, may I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 10
Dakota09
Dakota09
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Ciaran! Worked perfectly!!
  1. more than a month ago
  2. Commercial Templates
  3. # 11
Dakota09
Dakota09
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
One other question about this site/template if I may. I am having trouble in my attempts to change the font color in the main menu dropdowns. It looks like a gray, but want it to be a bright white (#FFFFFF). I looked in the CSS but could not figure it out. Thanks!!
  1. more than a month ago
  2. Commercial Templates
  3. # 12
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

#hornav ul ul li a, 

#hornav ul ul li span {

    color: #fff !important;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 13
Dakota09
Dakota09
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
As always, a perfect solution!! Thanks again so much Ciaran!
  1. more than a month ago
  2. Commercial Templates
  3. # 14
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!