Shape 5

Joomla Templates => Curb Appeal - Club => : rodriguezj December 30, 2017, 02:58:56 PM



: Eliminate the black space in the logo area
: rodriguezj December 30, 2017, 02:58:56 PM
Hello
I need a bigger logo, so i want to eliminate the white area that it is the top and bottom of the logo and with this the logo can be bigger an the menu not go down

thanks hope some help


: Re: Eliminate the black space in the logo area
: mikek January 02, 2018, 08:11:33 AM
Hello,

You can reduce the top and bottom margins of the logo here in template.css under:

#s5_logo_wrap {
    cursor: pointer;
    float: left;
    margin-top: 55px;
    margin-bottom: 55px;
}


: Re: Eliminate the black space in the logo area
: GoDigital February 28, 2018, 04:22:59 PM
Hi Mikek, may I know how to replace the Logo with mine? I tried the logo position, but  not visible. Then tried, Custom 1, aligned to right!
Simple thing, but tax lot of time. In the Map, each module position could be in hyperlinked on the steps and demo, so easy and time-saving
mode. I just started using this Template.
Thank you


: Re: Eliminate the black space in the logo area
: mikek March 01, 2018, 08:48:13 AM
Hello,

Please follow the tutorial given here for changing the logo:

https://www.shape5.com/documentation/Joomla/Getting-Started/How-To-Change-The-Logo-in-Joomla


: Re: Eliminate the black space in the logo area
: GoDigital March 28, 2018, 08:45:17 PM
Hi Mike,
Thanks for the tip. I edited the logo-wrap margins, top and bottom. Still, space remain to get rid off! Can I use the right side of the Logo space to put my site Title?
Other wise a big awkward blank space! I created a custom file with two column, single row: Logo at the left and the Site title at the right; placed at the breadcrumb position. Then how to get rid of the default logo? Pls see the image attached. Thanks


: Re: Eliminate the black space in the logo area
: mikek March 29, 2018, 09:13:31 AM
Hello,

I am not sure what you are trying to accomplish exactly. Your logo is extremely large, and should be reduced to at least half that size. With a logo that large you are always going to be left with a gap at the header because the rest of the wrapping div down with it.

The only margins that get applied to the logo are in template.css:

#s5_logo_wrap {
    cursor: pointer;
    float: left;
    margin-top: 55px;
    margin-bottom: 55px;
}