Widget border removal and logo resizing

  • Resolved lesterd2009

    (@lesterd2009)


    10 years, 8 months ago

    Hi,

    First of all just want to say great theme I been looking for a clean, simple theme like ignite for a while.

    I wanted to add banners blog using the widget area and I did it using Image Widget plugin but the problem I have is that the banner looks to small and even while adjusting the settings can seem to make it look the full size.

    Here’s a screenshot here: https://snag.gy/LEyxG.jpg

    I want to know if its possible to remove the widget border so only the banner stays at full size. You can see FB box widget also looks out of place.

    I also uploaded a logo image while customizing the theme and the logo looks too small, even while increasing the size using the theme customize option and the logo still looks to small is there a way around this?

    Thanks for the help.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Glad you like Ignite!

    To let the banner fill the entire widget area, first create a child theme for your CSS updates (step-by-step) instructions.

    Then, you’ll need to find out the CSS class of the widget containing the banner and add the following CSS to your child theme’s style.css file:

    #ignite-child .widget-banner {
  padding: 0;
  border: none;
}

    (replace ‘.widget-banner’ with real class)

    If you’re not sure how to find the class, post a link to your site here and I’ll find it.

    For the logo, could you try increasing both the max-width and max-height values in the Logo Size tool and then let me know if that makes a difference?

    Thread Starter lesterd2009

    (@lesterd2009)

    Thanks for the help ??

    Hey there…

    I have a logo-resize question.

    i resized it per custom css like that:

    #logo {max-width: 300px;
       max-height: 100px;

}

    but now its not centered in the header anymore, and the header itself should keep its original size too.

    any easy way to get the Logo a lil bigger without disturbing the header too much?

    https://www.hip-gun-studio.de

    Theme Author Ben Sibley

    (@bensibley)

    Sure, what’s happening is that there is just not enough space for both the logo and the menu to be on one line at that width.

    You could reduce the size of the logo and then add some margin to the top of the menu to help align it with the logo:

    .logo {
  max-width: 272px;
}
.menu-primary-items {
  margin-top: 26px;
}

    working…thanks alot man. Great Theme, Great support!

    Cheers

    Theme Author Ben Sibley

    (@bensibley)

    No problem, glad it’s working for you ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Widget border removal and logo resizing’ is closed to new replies.