Forum Support

Shape 5
March 28, 2024, 03:27:38 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Eliminate the black space in the logo area  (Read 738 times)
rodriguezj
Jr. Member
**
Offline Offline

Posts: 9



« on: 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
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: 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;
}
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
GoDigital
Jr. Member
**
Offline Offline

Posts: 6



« Reply #2 on: 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
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #3 on: 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
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
GoDigital
Jr. Member
**
Offline Offline

Posts: 6



« Reply #4 on: 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
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #5 on: 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;
}
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.