Breadcrumbs at bottom of content [solved]

[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!

[Nullig]

Increase the top margins for the .right49 and .left49 classes in your stylesheet.

Nullig

[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?

[M@rtijn]

A working link to the website

[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

[M@rtijn]

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.

[lowellg]

Thanks Martijn it's all fixed!