Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #313265

    Hi, I want to change the color of the extra elememts section that is right above the header. It holds the phone and social icons. Suppose it can be done with quick css but please tell me which class should I change.
    Thanks

    #313348

    Hey svetkol!

    Thank you for using our theme.

    You can try to start with

    #header_meta

    #header_meta .sub_menu

    #header_meta .phone-info

    If you can provide us a link to your page we can help yoiu with the CSS.

    Cheers!
    Günter

    #316813
    This reply has been marked as private.
    #316814
    This reply has been marked as private.
    #316818

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    #header_meta {
    background-color: red;
    }
    .phone-info span {
    color: white !important;
    }

    Regards,
    Yigit

    #318192
    This reply has been marked as private.
    #318197

    Hey!

    Please add following code to Quick CSS and adjust as needed

    .avia-icon-list li {
    padding: 0 0 20px 0;
    min-height: 40px;
    }

    Cheers!
    Yigit

    #322920

    Thanks. Great support as always! Can you now please help me to change the background of the Accordion. At the moment it is grey but I want to use light blue color for background of the title and it to change to the toggle content. Thanks in advance.

    #322939

    Hi!

    Please add following code to Quick CSS as well

    p.toggler {
    background-color: #4778ae!important;
    color: white!important;
    }
    .toggle_content {
    background-color: #4778ae!important;
    color: white;
    }

    Cheers!
    Yigit

    #322942

    Thanks but now everything is blue. I want the color to change as in the original. I need tt first the title to be blue then then content to get blue and the title white.

    #322946

    Hi!

    Please use following code instead

    p.toggler.activeTitle, .toggle_content.invers-color {
    background-color: #4778ae;
    color: white; } 

    If that too does not work for you, please post a screenshot and show the changes you would like to make

    Regards,
    Yigit

    #323092
    This reply has been marked as private.
    #323575

    Hi Yigit. Can you help with that? I have posted some screenshots how I need the effecto appear. Regards.

    • This reply was modified 9 years, 6 months ago by svetkol.
    #323618

    Hey!

    Please add following code to Quick CSS

    .main_color .toggler:hover {
    background-color: #e4eebb;
    }
    .main_color .toggle_content {
    background-color: #e4eebb;
    }

    Best regards,
    Yigit

    #323633

    Great! Thanks a lot.

    #323636

    Hey!

    You are welcome Svetkol, glad we could help :)

    Cheers!
    Yigit

Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘How to change the color of the extra elements above header’ is closed to new replies.