Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • February 5, 2014 at 10:30 am #219859
    bevlogenverf

    Hi,

    http://www.bevlogenverf.nl

    In the top header with social icons. The color of the icons AND the links is now a little purple. I want them to be grey and the background of it white. Any help please :)

    February 5, 2014 at 4:51 pm #219984
    Yigit

    Hi Willem-Paul!

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

    #top .social_bookmarks li a { color: #888;
background-color: white; }

    Cheers!
    Yigit

    February 5, 2014 at 7:05 pm #220060
    bevlogenverf

    Hi Yigit, THX, too bad its not working yet. Any idea I give you a login to check my quick CSS for anything conflicting?

    February 5, 2014 at 7:32 pm #220068
    Yigit

    Hi!

    Sure, please post it here privately by checking “Set as private reply (Only you and moderators will see the content of this post)” above Submit button

    Best regards,
    Yigit

    February 5, 2014 at 10:24 pm #220133
    bevlogenverf
    This reply has been marked as private.
    February 5, 2014 at 10:29 pm #220137
    bevlogenverf
    This reply has been marked as private.
    February 5, 2014 at 10:35 pm #220149
    Yigit

    Hey!

    I have added !important rule to the code and it is working fine now. You can find the code on the top of Quick CSS section

    Regards,
    Yigit

    February 5, 2014 at 10:37 pm #220150
    Josue

    Hey!

    Your enfold.css file has a typo:

    #top .main_color .tabcontainer .tab:hover {
#FFF:

}

    That disables all the code below it, open that file via FTP and fix it, change that to:

    #top .main_color .tabcontainer .tab:hover {
color: #FFF:

}

    Best regards,
    Josue

    February 5, 2014 at 10:45 pm #220153
    bevlogenverf

    Hey Josue, Where can i find the enfold.css?

    February 5, 2014 at 10:48 pm #220155
    bevlogenverf

    Hi Yigit. In my browser the line looks still the same. Anything wrong with my computer or. ? http://bevlogenverf.nl/

    February 5, 2014 at 11:24 pm #220171
    bevlogenverf

    The video’s in the homepage used to be 1/3 higher. Any idea what happened with the CSS that changed it ? http://bevlogenverf.nl/

    February 6, 2014 at 6:24 pm #220583
    Yigit

    Hey!

    Please review your website now. It does work fine when i move the code to top of Quick CSS section. I will take a look at all the codes you have in Quick CSS section and fix if there are any typo

    Regards,
    Yigit

    February 6, 2014 at 6:30 pm #220587
    bevlogenverf

    Hi Yigit thanks, the social icons are correct now.

    I would like the entire background of the top to be white.

    And all the text and also the links of the menus on the toptoptopt menu on the right and phone number be grey.

    Is that with the same code?

    Apreciate your help a lot btw!

    February 6, 2014 at 6:37 pm #220590
    Yigit

    Hey!

    Done. You can find the custom CSS code on the top of Quick CSS section. Is there any CSS issues since i edited the code?

    Cheers!
    Yigit

    February 6, 2014 at 6:48 pm #220597
    bevlogenverf

    YOU ROCK!

    What code can I use to change the color of the phone number?

    And for the SIZE of the phonenumber and the secondary menu?

    I AM A HAPPY MAN

    February 6, 2014 at 6:52 pm #220601
    bevlogenverf

    OOOOOOOO SNAP, i think i made a mistake that overwrote what you changed. Would you please restore or post your changes here? I will close all my windows of the website now so it wont be overwritten when i press safe. what just happenend :(

    February 6, 2014 at 6:54 pm #220603
    Yigit

    Hi!

    Following code is the total code you should use

    #top .social_bookmarks li a, .sub_menu>ul>li>a { color: #444!important; } /* color of social icons and sub menu items */
#header_meta { background-color: white!important; } /* changes color of header meta section */
.social_header .phone-info.with_nav span { color: red; } /* color of phone text */

    For some reason custom CSS code is being reverted after some time. Please try to increase the allocated php mermory to 128M and check if that helps. Please see http://www.dailyblogging.org/wordpress/increase-wordpress-memory-limit/

    Best regards,
    Yigit

    • This reply was modified 10 years, 10 months ago by Yigit.
    February 6, 2014 at 6:58 pm #220607
    bevlogenverf

    THANKS A LOT.

    Would it be possible if I changed these things to also get a button? I already changed the PHP and JS, now add the css? Or will that mess things up?

    https://kriesi.at/support/topic/enfold-adding-button-to-fixed-header-with-social-icons-and-additional-nav/

    February 7, 2014 at 12:15 am #220722
    Yigit

    Hi!

    It should work fine. You can follow Peter’s instructions and if anything unexpected happens, please let us know. I am closing this thread. Feel free to start another one if needed

    Regards,
    Yigit

  • Author
    Posts
Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘Top Header change color of links and background with CSS’ is closed to new replies.