-
Posts
-
Hi, I really like the Enfold theme, thank you!
I’m almost finished with the website but I would need the logo to be much bigger.
What can I tweak or add to have control over the logo size?
I’m using WP 3.6, Enfold 1.9.1 and the header type is “Header with Social Icons and Bottom”.
Here’s what I have in my child theme CSS so far to customize some elements:
/*phone number size*/
.social_header .phone-info {
color: #f15b2a !important;
font-size: 3em;
float:left;
margin-top: 50px;
margin-right: 130px;
font-weight: bold;
height: 30px;
line-height: 30px;
right: 100px;
top: 100px;
}
/*Main Paragraphs*/
.p_main_content {
font-size: 14px;
color: #808080;
}
/*main menu colors*/
#header_main_alternate {
background: #333333;
}
#top .header_color .main_menu ul:first-child > li a {
color: #ffffff;
}
.header_color .main_menu ul.sub-menu > li a:hover {
color: #f15b2a !important;
}
#menu-main-menu {
background: #333333;
}
#top .main_menu .menu li > a {
display: block;
text-decoration: none;
padding: 0 10px 10px;
font-weight: normal;
font-size: 12px;
font-weight: 600;
font-size: 13px;
font-family: Arial;
text-transform: uppercase;
background-color: #333333;
}
Thank you,
Aurelien
Hi,
Upload your logo then insert the Full Size. Add this on your custom.css or Quick CSS:
#header_main .container, .main_menu ul:first-child > li a{ height:88px; line-height: 88px; }Change the height and the line-height according to the height of the logo.
Regards,
Ismael
Thank you for your reply. The code didn’t really change anything. I managed to simply upload a bigger logo to reach my goal.
I’ve tried modifying the values in the height and line-height of your code but in vain. Is this code supposed to be coupled to something else to function well?
Thank you,
- The topic ‘Bigger logo’ is closed to new replies.