Custom Bottom Layout
-
-
- Tami Whiteside
- Elite Rocketeer
- Posts: 837
- Thanks: 4
-
I'm assuming a custom "Bottom" layout is not an option?
I note this most excellent tutorial:
www.gantry-framework.org/documentation/j...stom-mainbody-layout
But it's not the mainbody I need to customize. How do I address a similar issue with Bottom modules? - Last Edit: 13 years 11 months ago by Tami Whiteside.
-
-
-
- David Goode
- Preeminent Rocketeer
- Posts: 17058
- Thanks: 890
- Web Designer and Host
-
Hi Tami,
What are you trying to achieve with the 'Bottom' ?
Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
-
-
-
- Tami Whiteside
- Elite Rocketeer
- Posts: 837
- Thanks: 4
-
Sorry... I just tried to remove the post, as I rearranged my home page such that the relevant items are now in the mainbody... for the sole purpose of using the tutorial to adjust.
But since you asked, here's what my home page looks like:
74.53.119.221/~huaweisy/
You can see the section starting on the left with "Video Surveillance" doesn't distribute alignment well. I've tried various Gantry settings, to no avail.
-
-
-
- Tami Whiteside
- Elite Rocketeer
- Posts: 837
- Thanks: 4
-
Oh, well... I guess I can't put my modules in the right spot to use the tutorial.
Can you help?
-
-
-
- David Goode
- Preeminent Rocketeer
- Posts: 17058
- Thanks: 890
- Web Designer and Host
-
Hi there,
It looks like you have been adjusting padding for .rt-block - unfortunately the class .rt-block affects every module position in your template.
If you need to adjust a specific area then you need to identify the areas that can narrow it down to the specific area. For example your video module can have it's own .rt-block setting by calling it as...
#rt-content-top .rt-grid-5 .rt-block { add your own css styles in here }
This helps to preserve the rest of the layout within the template.
So you could set up a setting for your top area by using #rt=top .rt-block and this would affect all .rt-block calls in the #rt-top area.
I always add changes to bottom of template.css so I can copy them if I need to do an upgrade later :cheesy:
Hope this helps
Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
-
-
-
- Tami Whiteside
- Elite Rocketeer
- Posts: 837
- Thanks: 4
-
Siggghhh...
I was afraid when I made that change that it would come back to haunt me.
Thanks for your direction, David.
I'll now go about doing as you suggest.
Thank you!
-
-
-
- Tami Whiteside
- Elite Rocketeer
- Posts: 837
- Thanks: 4
-
David, can you direct me as to how to narrow down specific areas?
I've selected individual elements - and CSS styling - but have not seen a designation like #rt-content-top .rt-grid-5 .rt-block as you mention.
-
-
-
- David Goode
- Preeminent Rocketeer
- Posts: 17058
- Thanks: 890
- Web Designer and Host
-
Hi Tami,
The easiest way is to browse the site using Firefox with Firebug (see my sig for links).
I have attached a picture of what I see on your site. When I mosueover code it gets highlighted on screen, hence the logo area having a blue mask over it.
Inside the purple box you can see the code that immediately affects that part of the template. With .rt-block I usually work my way backwards to the main div id so as to avoid errors as there are some classes that are repeated, such as .rt-container and .rt-grid-# (# = number of columns based on width).
In the highlighted example the setting I would use is #rt-top .rt-grid-8 .rt-block
Remember that for CSS div id is shown as # and div class is shown as .
Hope this helps
Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
-
-
-
- Tami Whiteside
- Elite Rocketeer
- Posts: 837
- Thanks: 4
-
Hi David.
I actually use a Firefox plugin called "Web Developer". Maybe the same as Firebug?
Regardless, I am making progress based on your direction. But I still can't get the right Gantry slider configuration for my Maintop position. (I moved the modules from Bottom to Maintop.)
Can you offer any further direction?
By the way, since the site is now resolving properly, login is required to see it.
I've set up Rockettheme as a registered user for this purpose.
Username: rockettheme
Password: thankyou
-
-
-
- David Goode
- Preeminent Rocketeer
- Posts: 17058
- Thanks: 890
- Web Designer and Host
-
Hi Tami,
Web Developer is a tool I also use but it isn't as powerful as Firebug :cheesy:
Can you provide some annotation to a screen shot so I can understand what you want to achieve in terms of layout and spacing.
Thanks
Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
-
Time to create page: 0.070 seconds