SOLVED Making Roksprocket tabs the same size
-
-
- Sheldon Allen
- Rocketeer
- Posts: 87
- Thanks: 0
-
Hi,
Is it possible to set the tabs the same height when using Roksprocket tabs so that when you scroll along the heights do not differ?
southfieldsphysio.cloudaccess.net/index.php/pilates as like in the descriptions of classes.
Kind regards,
Sheldon Allen - Last Edit: 12 years 4 months ago by Sheldon Allen.
-
-
-
- Ben Simon
- Elite Rocketeer
- Posts: 4301
- Thanks: 8
- Full-time web developer
-
Hi Sheldon,
If I understand your question correctly, it sounds like you want to remove the extra margin created when a button is in its active state. This CSS should help you do that. Try placing it in a custom stylesheet:.sprocket-tabs-nav-container .sprocket-tabs-nav > li.active { margin: 0 3px 0 0; } .sprocket-tabs-nav-container .sprocket-tabs-nav > li.active > .sprocket-tabs-inner { padding: 13px 15px; } - B
e courteous to staff and members that volunteer their time helping you
E ssential Tool - FireBug
N ever assume I know what version you're talking about
S earch the forum for a solution first
I nclude a link to the problem
M ark your resolved issues as [SOLVED]
O nly PM moderators if they request it first
N o...
-
-
-
- Sheldon Allen
- Rocketeer
- Posts: 87
- Thanks: 0
-
Hi Ben,
Thanks for the reply. I copied and pasted the cose into
/httpdocs/templates/rt_ximenia/roksprocket/layouts/tabs/themes/default via FTP so first of all I hope this was correct?
I have very little knowledge on CSS coding etc as I am not a developer. It does not seem to change the tabs when I click through.
As I go through each tab the height is dependent on the amount of text so it varies. If you look at roktabs the height remains the same for the entire module. I hope I am explaining it properly.
Many thanks!
Sheldon
-
-
-
- Ben Simon
- Elite Rocketeer
- Posts: 4301
- Thanks: 8
- Full-time web developer
-
Okay, I don't think I completely understood you the first time. You were trying to create a uniform height for the content area that holds Beachtown's description. Not a uniform height for each individual tab. You should be able to accomplish that by giving each panel a minimum height like this:Using FTP to upload the changes is a good idea. You can put it in a stylesheet like template.CSS to make sure the code is working. But for the long term I suggest creating a custom style to hold your modifications.
.sprocket-tabs-panel { min-height: 100px; }
www.rockettheme.com/forum/index.php?f=33...06162&rb_v=viewtopic - B
e courteous to staff and members that volunteer their time helping you
E ssential Tool - FireBug
N ever assume I know what version you're talking about
S earch the forum for a solution first
I nclude a link to the problem
M ark your resolved issues as [SOLVED]
O nly PM moderators if they request it first
N o...
-
-
-
- Ben Simon
- Elite Rocketeer
- Posts: 4301
- Thanks: 8
- Full-time web developer
- You can remove the code I previously gave you. It did work on your site but it didn't accomplish what you're actually trying to do.
- B
e courteous to staff and members that volunteer their time helping you
E ssential Tool - FireBug
N ever assume I know what version you're talking about
S earch the forum for a solution first
I nclude a link to the problem
M ark your resolved issues as [SOLVED]
O nly PM moderators if they request it first
N o...
-
-
-
- Sheldon Allen
- Rocketeer
- Posts: 87
- Thanks: 0
-
Hi Ben,
Thanks for the update. I created myscustomcss stylesheet as per your last update and that is exactly what I was looking to achieve however how would I apply a different height to the tabs on my homepage? Say 250px?
I am assuming that it's applied this to all tabs created? Thanks for the help!
Kind regards,
Sheldon Allen
-
-
-
- Ben Simon
- Elite Rocketeer
- Posts: 4301
- Thanks: 8
- Full-time web developer
- Sure, the 100px I put in the code was just an example. You'll have to adjust it until it's to your liking.
- B
e courteous to staff and members that volunteer their time helping you
E ssential Tool - FireBug
N ever assume I know what version you're talking about
S earch the forum for a solution first
I nclude a link to the problem
M ark your resolved issues as [SOLVED]
O nly PM moderators if they request it first
N o...
-
-
-
- Sheldon Allen
- Rocketeer
- Posts: 87
- Thanks: 0
-
Hi Ben,
When I change the height to suit the homepage tabs
southfieldsphysio.cloudaccess.net/
then the height is too high for the tabs on the Pilates pages
southfieldsphysio.cloudaccess.net/pilates
How could I specify a height for each module tab that I create depending on the position?
Kind regards,
Sheldon.
-
-
-
- Ben Simon
- Elite Rocketeer
- Posts: 4301
- Thanks: 8
- Full-time web developer
-
If you wanted to style it specifically by position you could add #rt-utility for the front page RokSprocket Tabs and #rt-mainbottom for the Pilates page RokSprocket Tabs. For example the frontpage style would now look like this:
#rt-utility .sprocket-tabs-panel { min-height: 100px; } - B
e courteous to staff and members that volunteer their time helping you
E ssential Tool - FireBug
N ever assume I know what version you're talking about
S earch the forum for a solution first
I nclude a link to the problem
M ark your resolved issues as [SOLVED]
O nly PM moderators if they request it first
N o...
-
-
-
- Sheldon Allen
- Rocketeer
- Posts: 87
- Thanks: 0
-
Ben,
That's great! It all worked fine and I appreciate the help with this.
Chat soon.
Kind regards,
Sheldon Allen.
-
Time to create page: 0.069 seconds