Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #216351

    I’d like to change the color of h1 to h6 and it worked for h1 in Quick CSS with:

    #top h1 a { color: #424242!important;

    But for all others it didn’t work, probably because they are part of the main content. Can you please help me?
    And how can I change the color of sidebar-links, e. g. the current page?

    Thanks a lot!


    Hi Christine!

    Please try adding following code to Quick CSS in Eunoia theme options under Styling tab

    h6 { color: #424242!important; }

    You can apply the same way to other heading elements



    Thanks a lot, it worked perfect!

    I only have one problem left: The main content bold fonts have a different color (in my case: black-like) than the normal font color is (in my case: #424242). I’d like to have the same color for both, no matter, if the font is bold or not. How can I change that?

    Thanks a lot and have a nice weekend!



    Please add following code to Quick CSS as well

    .main_color strong, .alternate_color strong { color: inherit; }



    Thanks a lot again!! Now only the sidebar font color of my customized sidebar is missing. It’s still black while showing the current page. Can I change that black font color into #424242, too?

    Thank you!!



    Can you post the link to a page where you have customized sidebar so we can inspect elements and provide you more accurate custom CSS code?


    This reply has been marked as private.


    Please add following code to Quick CSS as well

    .main_color .sidebar .current_page_item a { color: #424242; }

    and if you would like to change all the remaining black colors, like callout text and so on, please use following code

    .main_color h1, .main_color h2, .main_color h3, .main_color h4, .main_color h5, .main_color h6, .main_color strong, .main_color strong a, .main_color .sidebar .current_page_item a, .main_color .pagination .current, .main_color .comment-count, .main_color .callout .content-area, .main_color .avia-big-box .avia-innerbox, .main_color .avia-big-box .avia-innerbox a { color: #424242; }

    Best regards,


    Hi Yigit,
    thanks a lot again, that was exactly what I meant! It worked perfectly.
    Have a nice day!

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘How to change the color of all heads and font size (e.g. bold face)?’ is closed to new replies.