Page 1 of 1
Breadcrumbs at bottom of content [solved]
Posted: Mon Apr 18, 2011 4:07 pm
by lowellg
There are some breadcrumbs at the bottom of my page contents called "previous page" and "next page" and then on the right side "top." I'd like for these to be moved down a bit and to have some space between my page content and these tags.
In the Stylesheet "ShadowMenu Tab + 2 columns" I see
Code: Select all
{* Start relational links *}
{* note this is the right side, when you float: divs you need to have float: right; divs first *}
<div class="right49">
<p>{anchor anchor='main' text='^ Top'}</p>
</div>
<div class="left49">
<p> {cms_selflink dir="previous" label="Previous page: "}
{* The label parameter doesn't need to be there if you're using English, but is here to show how it's used if you don't want the English text "Previous page" *}
<br />
{cms_selflink dir="next"}
</p>
</div>
{* End relational links *}
I cannot figure out how to add more space between my page content and these breadcrumbs. I'd like a couple of lines of space between them. Help much appreciated!
Re: Breadcrumbs at bottom of content
Posted: Mon Apr 18, 2011 7:09 pm
by Nullig
Increase the top margins for the .right49 and .left49 classes in your stylesheet.
Nullig
Re: Breadcrumbs at bottom of content
Posted: Tue Apr 19, 2011 5:08 am
by lowellg
Shoot I jumped the gun... I think it worked but then I tried to adjust it more and now no matter what margin I put in it's not changing.
Here's the code
Code: Select all
/* relational links under content */
div.left49 {
/* combined percentages of left+right equaling 100% might lead to rounding error on some browser */
width: 70%;
margin-top: 2em;
}
div.right49 {
width: 29%;
float: right;
/* set right to keep text on right */
text-align: right;
}
As you see I have the margin-top at 2em, but it's not changing when I change that number. What am I missing here?
Re: Breadcrumbs at bottom of content
Posted: Tue Apr 19, 2011 8:10 am
by M@rtijn
A working link to the website
Re: Breadcrumbs at bottom of content
Posted: Wed Apr 20, 2011 2:48 am
by lowellg
Alright. Well I just redirected my Domain Name so you may or may not be able to see my site now. Try it out:
http://www.drfretgood.com
Re: Breadcrumbs at bottom of content
Posted: Wed Apr 20, 2011 7:46 am
by M@rtijn
lowellg wrote:
Code: Select all
/* relational links under content */
div.left49 {
/* combined percentages of left+right equaling 100% might lead to rounding error on some browser */
width: 70%;
margin-top: 2em;
}
div.right49 {
width: 29%;
float: right;
/* set right to keep text on right */
text-align: right;
}
As you see I have the margin-top at 2em, but it's not changing when I change that number. What am I missing here?
When I change the top-margin on left 49 to 4 em or 5 em, the relational links (previous/next) move down without a problem. Same for right_49.
The css code used on the page is not the same as you've posted here above. (there are no comments in the css file attached to this page, either you removed the comments, or you've been looking at a wrong css file)
Search in your css for div.left49 and div.right49, they should look like this:
Code: Select all
div.left49 {
width: 70%;
margin-top: 2em
}
div.right49 {
float: right;
width: 29%;
text-align: right;
margin-top: 3em
}
Then change the top margin on both to a higher value, problem solved.
Re: Breadcrumbs at bottom of content
Posted: Wed Apr 20, 2011 9:21 am
by lowellg
Thanks Martijn it's all fixed!