Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #26153

    Hi I have my Logo size 300×200 pixels.

    How can I customize the logo to this size as right now it seems bit too small. I need to increase the size of the logo.

    #129486

    Ok got it!

    I used this code to resize it,

    .logo img {

    width: 300px !important;

    height: auto !important;

    max-height: 200px;

    }

    and it worked fine.

    But now I need to move the logo a little bit upward as it seems too close to the nav-bar.

    or let say I need some more space between the logo and nav bar vertically.

    #129487

    Hi,

    Please remove your code first. Then try this one

    Upload your logo with the 300×200 px. Then add this on your custom.css.

    /*header with social icons: */
    .social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 200px; line-height: 200px; }

    Please give us a link to your website.

    Regards,

    Ismael

    #129488

    Somehow not working.. I don’t know if I’m putting the code correctly or not as I’m very basic in coding.

    Also here is a temporary link to our website “http://muharraqi.hostingsiteforfree.com/”

    Also I want to delete the grey bar from the top completely..as its use less for us.

    Please have a look the way I’m putting the code in custom.css

    /* Have fun adding your style here :) – PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

    /* General Custom CSS */

    /*

    Desktop Styles

    ================================================== */

    /* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

    @media only screen and (min-width: 768px) {

    /* Add your Desktop Styles here */

    /*header with social icons: */

    .social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 200px; line-height: 200px; }

    }

    /*

    Mobile Styles

    ================================================== */

    /* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

    @media only screen and (max-width: 767px) {

    /* Add your Mobile Styles here */

    }

    #129489

    Hi,

    Add it under

    /* General Custom CSS */

    You are placing the code inside a media query for mobile devices. :)

    Regards,

    Ismael

    #129490

    I tried the code correctly as per your instructions but it wasn’t effecting anything :(

    so i tried the one below also added positioning parameters and its working fine I guess,

    .logo img {

    width: 250px !important;

    height: auto !important;

    max-height: 167px;

    position: relative;

    bottom: 20px;

    }

    Now could you please tell me how can I delete the bar that is appear on the top of the page (blue header)??

    #129491

    got it,

    to delete the header,

    #header_meta {

    display: none ;

    }

    #129492

    Glad that Ismael showed you the way.

    Enjoy the theme!

    Nick

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Customize Logo Size’ is closed to new replies.