Forum Support

Shape 5
March 28, 2024, 06:56: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: "logo" position with multiple images  (Read 739 times)
Samuelv
Jr. Member
**
Offline Offline

Posts: 26



« on: January 09, 2015, 09:53:55 PM »

Hi,

I'm trying to insert three items in the "logo" space.
All three should be separate (one left, one center, the last one right) to take about the same width as the content under.
I've tried inserting a module with multiple images but then they won't stay on the same line (the second item goes on the second line).

I've thought of making one single image with a lot of space between the three parts, but it won't work as it won't ajust in width.

And I really need this to be at the "logo" position (right on top of the menu).

Do you have a solution ?

Thanks in advance.
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: January 10, 2015, 04:59:03 PM »

Hello,

You could try creating a Custom HTML module in the logo position and give all the images display:inline and float: left;

Logged

Mike Nicoll
------------
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
Samuelv
Jr. Member
**
Offline Offline

Posts: 26



« Reply #2 on: January 10, 2015, 05:39:20 PM »

Doesn't work,

Seems to me like if that specific position as a certain width not to be exceed, is it possible ? And if so, is there a way to change that in the script ?
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: January 10, 2015, 05:46:09 PM »

Hello,

This would be the only code that would specify width on the logo. Other than that there aren't any width limitations outside of the body width. Your best bet would be to possibly remove the width below and combine your images into a single image.

Code:
Template.CSS - line 653

.s5_logo {
    cursor: pointer;
    margin: 0 auto 6px;
    text-align: center;
    width: 340px;
}
Logged

Mike Nicoll
------------
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
Samuelv
Jr. Member
**
Offline Offline

Posts: 26



« Reply #4 on: January 10, 2015, 08:15:14 PM »

It worked !

In fact there was 4 line to change the width (658,670,340,694).

 Thank you very much for your fast reply !
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #5 on: January 12, 2015, 06:19:13 PM »

NP Smiley
Logged

Mike Nicoll
------------
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.