Forum Support

Shape 5
March 29, 2024, 09:40: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: tab show  (Read 692 times)
pscoggins
Jr. Member
**
Offline Offline

Posts: 40



« on: October 04, 2015, 09:42:08 AM »

Hi
What controls the height of the tab show?  I have images that are 100px high so am expecting about 200px height for the tab show but any change I make in the image size makes no difference to the overall tab show height...is is set somewhere else?
thanks
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: October 05, 2015, 05:00:40 PM »

Hello,

Please post a URL
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
pscoggins
Jr. Member
**
Offline Offline

Posts: 40



« Reply #2 on: October 08, 2015, 12:16:38 PM »

URL is;
http://www.ukboogiewoogiefestival.co.uk/2016festival/
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: October 09, 2015, 10:22:31 PM »

Hello,

The Tab Show container is adjustable to the content you have inside of it. If you have content that is 100px in height in the s5_tab1 position then the module would be 100px in height. I do not see anything cut off on your site with images in the tab show. Could you provide an example of where you are seeing the tab show height not scaling to the content in the container?
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
pscoggins
Jr. Member
**
Offline Offline

Posts: 40



« Reply #4 on: October 10, 2015, 04:47:36 AM »

Hi
I have tried the tab show with an image that is 100px high but it seems to get up sized (and therefore unclear), with an image that is 400px high the image is down sized and clear...The container size seems to be fixed.  Any ideas?  the image that I am testing with is 100px high - see:
http://www.ukboogiewoogiefestival.co.uk/2016festival/
« Last Edit: October 13, 2015, 04:24:47 AM by pscoggins » Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #5 on: October 13, 2015, 10:15:31 PM »

Hello,

That area has specific widths on the images to make them fill the entire area. If you were to remove the width:45% from the coding below it would scale the images to be smaller but then all the tabs wouldn't be equal in height and look off.

Code:
s5_info_slide-min.css line 1

.s5_is_css_3 img {
    float: left;
    height: 100% !important;
    width: 45% !important;
}
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
pscoggins
Jr. Member
**
Offline Offline

Posts: 40



« Reply #6 on: October 15, 2015, 03:43:02 AM »

Hi
many thanks...am getting there! Have resized my images to better height/widths proportions - the tab show is resized to a better height BUT how to I resize the bottom (white)margin of the tab show?...see image
many thanks
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #7 on: October 15, 2015, 10:59:54 PM »

Hello,

That area is being generated by either a <p> tag or <div style="clear: both;"> </div> in the coding. Turn off your editor in the Global Configuration and go back to the module and you should see it there.

Regards,
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
pscoggins
Jr. Member
**
Offline Offline

Posts: 40



« Reply #8 on: October 16, 2015, 12:41:10 AM »

that fixed it...Many thanks
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #9 on: October 16, 2015, 01:03:17 AM »

np
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.