-
Posts
-
Hi there, big fan of your theme. Have a few things that need your expert support to get them fixed up:
Site URL: http://vitalshiftconsulting.netfirms.com/wp/
Original URL: http://vitalshiftconsulting.ca/index.htmI have been asked by the client to keep the design the same as much as possible when bringing it over to WordPress. Here are the issues I have run into:
1. The logo is being reduced in size. I tried sizing it to your exact specifications but it still sizes down. How can I ensure it stays exactly the same size?
2. Instead of the social media icons, I need to get the turtle placed like on the original site. How can I do this?
3. How can I make the background color for the menu orange (#f47729) and text white, as in the original? And – why do the boxes seem to be too small for the menu text?Everything else should be smooth sailing for me – many thanks!
DrewHey AndrewDelaware!
Please add following code to Quick CSS in Enfold theme options under Styling tab
1)#header_main { height: 157px; } .logo, .logo a, .logo img { width: 340px; height: 156px; max-height: 156px; }2) You should go to Appearance > Editor and open Header.php file and insert your image there
3)#top .main_menu .menu>li:last-child>a { padding-right: 15px; } #header_main_alternate, .bottom_nav_header.social_header .main_menu ul:first-child { background-color: #f47729; } .header_color .main_menu ul:first-child > li > a, .header_color .main_menu ul:first-child > li.current-menu-item > a { color: white; }Best regards,
YigitHello Yigit, thanks for your help so far.
1) The logo looks resized (isnʻt retaining the image quality) – is it being sized down and up again? The sizing itself is perfect, thank you!
2) Can you tell me where in header.php to place the jumping turtle image so it appears in the right-hand portion of the header above the bowl? The image is turtle.jpg and is 190w x 117h.
3) For the menu – how do I change the text color to white – black when rolled over?
4) For the menu – notice how the boxes are too small? About Us the s is right up against the line for the box. How do we create more horizontal padding?Many thanks!
DrewHey!
It seems like some of the CSS codes are not being applied for your 3rd and 4th question. Please try adding it to custom.css file inside Enfold/css folder and if that still does not work, you can try adding !important to force it as following
#top .main_menu .menu>li:last-child>a { padding-right: 15px!important; } .header_color .main_menu ul:first-child > li > a { color: white!important; } .header_color .main_menu ul:first-child > li > a:hover { color: black!important; }You should edit your logo image. It displays fullsize of your logo.
Do you mind creating a temporary admin login and post it here privately so i can do it for you?Best regards,
Yigit
- The topic ‘Site/CSS Customizations in Enfold’ is closed to new replies.