Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • September 4, 2014 at 11:08 am #313265
    svetkol

    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

    September 4, 2014 at 1:02 pm #313348
    Günter

    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

    September 10, 2014 at 5:52 pm #316813
    svetkol
    This reply has been marked as private.
    September 10, 2014 at 5:52 pm #316814
    svetkol
    This reply has been marked as private.
    September 10, 2014 at 5:55 pm #316818
    Yigit

    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

    September 12, 2014 at 4:47 pm #318192
    svetkol
    This reply has been marked as private.
    September 12, 2014 at 4:52 pm #318197
    Yigit

    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

    September 22, 2014 at 11:42 am #322920
    svetkol

    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.

    September 22, 2014 at 12:26 pm #322939
    Yigit

    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

    September 22, 2014 at 12:29 pm #322942
    svetkol

    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.

    September 22, 2014 at 12:41 pm #322946
    Yigit

    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

    September 22, 2014 at 4:04 pm #323092
    svetkol
    This reply has been marked as private.
    September 23, 2014 at 11:04 am #323575
    svetkol

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

    • This reply was modified 10 years, 3 months ago by svetkol.
    September 23, 2014 at 12:42 pm #323618
    Yigit

    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

    September 23, 2014 at 1:06 pm #323633
    svetkol

    Great! Thanks a lot.

    September 23, 2014 at 1:07 pm #323636
    Yigit

    Hey!

    You are welcome Svetkol, glad we could help :)

    Cheers!
    Yigit

  • Author
    Posts
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.