Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #28339

    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

    #137286

    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

    #137287

    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,

    #137288

    Actually your solution is better because if you use css to stretch the logo it will be displayed blurry (and in the worst case even distorted). Especially users with Retina display will just see a blurry image. It’s better to upload a high resolution image if you want a bigger logo.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Bigger logo’ is closed to new replies.