Forum Support

Shape 5
March 29, 2024, 06:03:50 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: How To Move S5 Tab Show Down on Home Page  (Read 632 times)
joomladaze
Jr. Member
**
Offline Offline

Posts: 197



« on: October 22, 2014, 02:29:32 PM »

Hello,

I am making a new site and using Oasis for the first time.

I already changed the S5 Tab Show Image size to 1400 x 625 (making it 100 pixels taller).

Is there a way to move the S5 Tab Show Down on Home Page so I can see more of the main images?

Thanks in advance,

James
Logged
joomladaze
Jr. Member
**
Offline Offline

Posts: 197



« Reply #1 on: October 23, 2014, 01:53:24 PM »

I changed the positions but that kind of messed with the flow of the site. Is there a way to edit the custom_2 position so that its 100-300 pixels lower down the site?
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #2 on: October 23, 2014, 07:29:45 PM »

Hello,

You should be able to that by adding a margin value to the following coding div in the custom.css file

Code:
#s5_pos_custom_2 {

Keep in mind if you do this you will probably also have to adjust the padding values below so there is no white space left over.

Code:
Template.CSS - Line 566

#s5_top_row1_area1, #s5_top_row2_area1, #s5_top_row3_area1, #s5_columns_wrap, #s5_bottom_row1_area1, #s5_bottom_row2_area1, #s5_bottom_row3_area1, #s5_pos_custom_2, #s5_above_columns_wrap1, #s5_below_columns_wrap1 {
    padding-bottom: 10px;
    padding-top: 70px;
}
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
joomladaze
Jr. Member
**
Offline Offline

Posts: 197



« Reply #3 on: October 24, 2014, 01:19:29 PM »

Thanks for the response.

I located the custom.css file, but I am not sure what I need to paste in there.

What do I need to add to the following code to move the position down 100 pixels?

#s5_pos_custom_2 {

I should be able to easily adjust the Template.css part after figuring out what to do with custom.css.

Thanks!
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #4 on: October 26, 2014, 02:18:31 PM »

Hello,

You would add something like this to the custom.css file:

Code:
#s5_pos_custom_2 {
  margin-top: 100px;}
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
joomladaze
Jr. Member
**
Offline Offline

Posts: 197



« Reply #5 on: October 27, 2014, 04:36:12 PM »

Sorry to bother you again about this issue. I appreciate the assistance, but when I ran tests using these options it only seems to change the blue and white background behind the S5 Tab Show. I was hoping to move the entire image and text box tab show down the page so I can see more of the photos in the S5 Image and Content Fader. Right now the top of the site seems cramped.

I tried several different settings including adding the following to custom.css:

#s5_pos_custom_2 {
  margin-top: 300px;}

and changing template.css line 566 to this:

#s5_top_row1_area1, #s5_top_row2_area1, #s5_top_row3_area1, #s5_columns_wrap, #s5_bottom_row1_area1, #s5_bottom_row2_area1, #s5_bottom_row3_area1, #s5_pos_custom_2, #s5_above_columns_wrap1, #s5_below_columns_wrap1 {
padding-bottom:100px;
padding-top:370px;
}

No matter what I changed the number values to in each of these files, it only moves the blue and white backgrounds. None of the changes I tried moved the image and text boxes from the Tab Show down the page.

For now I set both files back to the default settings.

Another issue is that the S5 Tab Show module is not displaying right on a PC using Explorer. It shows 4 sets of the image and text boxes stacked one on top of the other, and there is no animation. It makes the page super long, and it looks real bad. I don't have a screen shot but I can get one tomorrow if needed.

The site I'm using Oasis for is www.ParksBuildingSupplyNC.com.

The "Risen Hope" template does the same thing to the tabbed text that is under the calendar icons on the home page.

This is happening on the www.FoxPineCopper.com site on a PC using Explorer.

On my Mac both sites work fine with Firefox and Chrome.

Thanks again for your help.

« Last Edit: October 27, 2014, 04:48:57 PM by joomladaze » Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #6 on: October 27, 2014, 04:43:49 PM »

Hello,

Please post a URL

Have you tried using !Important calls on the CSS?
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
joomladaze
Jr. Member
**
Offline Offline

Posts: 197



« Reply #7 on: October 27, 2014, 06:50:36 PM »

No. I have not tried that. How does that work?

Links are posted above. For the main issue of moving down the S5 Tab Show I am talking about the site:

www.ParksBuildingSupplyNC.com
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #8 on: October 28, 2014, 09:01:44 PM »

Hello,

Try adding this to the custom.css file with these calls:

Code:
#s5_tabshow_left {
  top: 100px !important;
  position: relative !important;}

If that doesn't work to move it down can you PM me Joomla Super User and FTP access?

Thanks,

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