Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 1, 2017 at 4:21 am #802292
    Hardwire

    Hello, love the Theme but I am trying to figure out how to change the color bar on multiple pages but wanted different colors on them. Like one page toggle I would like to have red and on another page would like a lite blue but I have no idea how to make this happen if it is at all possible? If it is I would be greatly appreciated! Thanks

    June 1, 2017 at 6:24 am #802349
    John Torvik

    Hey Hardwire,

    Please, to check it better, may you provide us your webpage link?

    Best regards,
    John Torvik

    June 1, 2017 at 6:40 am #802363
    Hardwire

    Hello John, it is Little Miss Bliss. Right now it is in Maintence Mode because I am working on building the website.

    The two pages I am working on are:
    http://www.littlemissbliss.net/site-links/link-affiliation/
    http://www.littlemissbliss.net/alexa/biography/wwe-profile/

    I sent u Private Content so you can login ….

    June 1, 2017 at 12:38 pm #802508
    Rikard

    Hi,

    Thanks for the login details, I’m not sure I understand what you mean by the Color Bar though? Could you try to explain a bit further or post a screenshot of what you would like to alter please?

    If you want to give it a go yourself then you can target a page individually by using the page id class which you can find in the body tag of each page if you inspect it in your browser.

    Best regards,
    Rikard

    June 1, 2017 at 6:03 pm #802694
    Hardwire

    Hi,

    Toggle 1
    Toggle 2

    These are what I am talking about. I saw in a post somewhere here that if I used this code it would change all of the Toggles but I was wondering if there was a way to give each one different classes…

    .js_active .toggler {background-color:#cf0e0f; color:#FFF;}
    .main_color .toggler:hover {color: #FFF; background: #cf0e0f;}
    .toggler, .main_color .toggler.activeTitle:hover {background: #cf0e0f; color: #FFF;}

    June 2, 2017 at 6:03 am #802869
    Rikard

    Hi,

    Thanks for the screenshots. Please try the following in Quick CSS under Enfold->General Styling:

    .page-id-124 .toggler {
  background-color:blue !important;
}

.page-id-3199 .toggler {
  background-color:red !important;
}

    Best regards,
    Rikard

    June 2, 2017 at 6:05 am #802870
    Hardwire

    Hello Rikard,

    I would like to thank you for the help, this is what I was looking for! Have a great day!

    Martin

    June 2, 2017 at 1:38 pm #803008
    Rikard

    Hi Martin,

    Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    June 2, 2017 at 3:48 pm #803070
    Hardwire

    You can close it! Thanks.

    June 3, 2017 at 6:44 am #803271
    Rikard

    Hi,

    Thanks for letting us know. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Change Toggle Colors on Different Pages’ is closed to new replies.