Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 16, 2014 at 6:31 pm #369067
    spheor

    Hello,

    Great template and support.
    I am looking to make a change to site CSS that will make it easy to auto affect H1-H4 color / highlight color / links color on a page by page or better still parent and all child pages basis. So in my site we have About us with a unique underline colour and we want H1-4 etc from above to match without having to manually assign it in text boxes or have site wide scheme apply.
    Thanks for your help in advance,
    S

    December 16, 2014 at 8:31 pm #369123
    Elliott

    Hey spheor!

    I suppose the “easiest” way would be to add this to your custom CSS.

    .page-id-268 #main h1, .page-id-268 #main h2 { color: purple !important; }

    Cheers!
    Elliott

    December 17, 2014 at 9:14 am #369364
    spheor

    Thanks Elliot,
    Can I also get CSS instructions for highlight color / links color please per above

    Thanks in advance
    S

    December 17, 2014 at 6:10 pm #369622
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .page-id-268 #main p a, .page-id-268 #main p a:hover { color: purple !important; }

    Cheers!
    Yigit

    December 18, 2014 at 12:25 pm #369909
    spheor

    Thanks
    This changes the link colour. Highlight I mean drag over text effect which is now orange,
    Also I have a problem now that the footer is displaying the same traits and this looks wrong.
    Same link applies above,
    Thanks
    S

    December 18, 2014 at 9:53 pm #370235
    Yigit

    Hi!

    Please add following code to Quick CSS

    .page-id-268 ::selection {
background-color: purple;
}
#footer h3.widgettitle {
color: inherit!important;
}

    Regards,
    Yigit

    December 19, 2014 at 11:45 am #370508
    spheor

    Hello,
    Thanks.
    The footer CSS worked.

    .page-id-268 ::selection {
    background-color: purple;
    }

    This did not. Please try one last time and then will have to move on.
    Cheers,
    S

    December 19, 2014 at 1:19 pm #370543
    Yigit

    Hi!

    Please try adding !important rule as following 

    .page-id-268 ::selection {
background-color: purple !important; 
}

    Regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.