-
AuthorPosts
-
January 27, 2016 at 7:55 am #766826
[email protected]ParticipantHi guys,
I need to add an active state color to a menu I have made using Custom Headlines, but I do not know HTML or CSS well enough at this point to do it. Client has requested an active state, and I myself would love to know how to do it.
I tried to give it it’s own class, but when I get to Customizer I realize I don’t know what the correct CSS is for it.
(Menu bar that starts with General info)
http://dev.hatfield.co.za.www54.jnb2.host-h.net/general-info/
Please can you help 🙂
CJanuary 27, 2016 at 7:58 am #766835January 27, 2016 at 7:59 am #766841
[email protected]ParticipantI( keep trying to paste my URL here but it disappears in a big white block?
// http://dev.hatfield.co.za.www54.jnb2.host-h.net/general-info/ //
January 27, 2016 at 10:37 am #767109
ThaiModeratorHi There,
Please try with this CSS:
.h-custom-headline a:active { color: #f00 !important; }Hope it helps 🙂
January 27, 2016 at 10:41 am #767123
[email protected]ParticipantThis reply has been marked as private.January 27, 2016 at 10:46 am #767141
[email protected]ParticipantAlso, (if possible) could you please try figure out why the small rev slider on the Home page in section 1 won’t loop? I have tried everything!
Thanks so much,
CJanuary 27, 2016 at 4:58 pm #767720
FriechModeratorHi There,
Please add a class to the GENERAL INFO links and update the code above to this.
.page-id-299 .myclass span a { color: #f00 !important; }Where
.myclassis the class that you assign on the headline.Hope it helps, Cheers!
January 28, 2016 at 2:25 am #768393
[email protected]ParticipantI have found a way to do it manually, thanks!
Was there anything else you changed? Everytime I click on one of those links now it gets this thick red outline for a second? There’s nothing I can see in Customizer that is doing it?
Thanks,
CJanuary 28, 2016 at 3:20 am #768443
Paul RModeratorHi,
I am not getting an outline on my end.
Can you provide us a screenshot of the outline you are referring to.
You can try adding outline:none; to your links.
eg.
<a href="http://dev.hatfield.co.za.www54.jnb2.host-h.net/general-info/" style="color: #225481;outline:none;">GENERAL INFO</a>Hope that helps
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-766826 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
