Forum Support

Shape 5
October 20, 2021, 06:46:11 AM *
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: Resizing the logo on the Samba template  (Read 972 times)
Mothersinc
Jr. Member
**
Offline Offline

Posts: 16

Gravatar


« on: September 08, 2017, 03:15:18 PM »

Hi there.

How do I resize the logo.

http://mothersinc.co.uk/demo/


thanks.
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: September 11, 2017, 10:47:38 AM »

Hello,

We don't set a fixed width on it so that the image size is the exact size you save it in your image editing program. But if you want you can resize it by just adding a pixel width like I have done below:

Code:
#s5_logo_wrap {
    cursor: pointer;
    display: inline-block;
    margin: 3px auto 0;
    text-align: center;
    width: 234px;
}

template.css line 628
Logged

Jonah Hall
------------
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
Mothersinc
Jr. Member
**
Offline Offline

Posts: 16

Gravatar


« Reply #2 on: September 14, 2017, 06:09:14 AM »

Hi Jonahh

Thanks for your reply.

The code works nicely.

I was wondering, why don't I have to specify a height for the logo?
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #3 on: September 14, 2017, 10:40:01 AM »

The height is automatically calculated from the width, this is just how CSS works.
Logged

Jonah Hall
------------
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
andrzejw
Jr. Member
**
Offline Offline

Posts: 6



« Reply #4 on: September 20, 2017, 08:41:27 AM »

Is it posible to resizing logo to smaller size while scrolling page down with sticky menu enabled ?
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #5 on: September 20, 2017, 12:07:34 PM »

There is no option to do this on this template but you could add the following CSS to your custom.css file and I believe this should do it. You can adjust the scale to whatever number you desire 0.8, 0.5, etc

Code:
.s5_wrap_fmfullwidth #s5_logo_wrap img {
transform: scale(0.7);
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);}
Logged

Jonah Hall
------------
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
andrzejw
Jr. Member
**
Offline Offline

Posts: 6



« Reply #6 on: September 20, 2017, 04:55:05 PM »

You know what? It worked! Thanks.

My CUSTOM.CSS:
Code:
/* SETTING FIXED LOGO SIZE */
#s5_logo_wrap {
    margin: 0px auto 0;
    width: 144px;
}
/* SETTING PROPER LOGO POSITION */
#s5_margins_logo {
margin-bottom: -80px;
}

Result: see jpg previews
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #7 on: September 21, 2017, 11:02:38 AM »

Awesome happy to hear you got it to your liking Smiley
Logged

Jonah Hall
------------
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.