CMS Made Simple Forums

I am trying to change the size and color in the "Previous Page" and "Next Page" link/text at the bottom of all my pages and can't figure it out.

I found in my template the text below which I can use to modify the TEXT, but not the color nor the font; I can't also find where to find and change the text for "Next Page".

I tried using a but I am sure it is getting its color, font from a stylesheet, or something. I also did a grep for the cms_selflink and could not find anything that would fix my issue thus I just decided to post a new message.

        {* Start relational links *}

       
           
            {cms_selflink dir="previous" label="Previous page / Página Anterior: "}

            {cms_selflink dir="next"}
           
       
        {* 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" *}
{* End relational links *}


Please advise,
Angelo

Check the template you use and make sure that class .left49 is used only for the Previous and Next links.
You may change the properties of "div.left49" in the Layout stylesheet.
If you want to change the color of the links, add "div.left a".

Frank

Thanks Frank, I appreciate your response.

I looked at the template I am using on my pages and it does have the "left49" as shown below. I have copied the contents of the template into a file which you can see at http://2lagos.com/template.txt, please take a look at line 82.

In your reply you mentioned "if you want to change the color of the links, add "div.left a"", where do I need to add that?

SNIPPET FROM MY TEMPLATE

       
           
            {cms_selflink dir="previous" label="Previous page / Página Anterior: "}

            {cms_selflink dir="next"}
           
       
        {* 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" *}
{* End relational links *}

Thanks again,
Angelo
webmaster@2lagos.com

Hi Angelo,

You have to put that in the stylesheet that belongs to your template. Do you know how to find the stylesheets?

* go to Layout > Templates
* find the template you use and click on the CSS icon at the end of that line
* you then see all stylesheets associated with the template
* you most probably need the stylesheet with layout in its name

In this stylesheet you find this piece of code:

/* relational links under content */
div.left49 {
 float: left;
 width: 49%;
              /* 50% for both left and right might lead to rounding error on some browser */
}

Change that to

/* relational links under content */
div.left49 {
 float: left;
 width: 49%;
              /* 50% for both left and right might lead to rounding error on some browser */
 color: blue;
}
div.left49 a {
  color: red;
}

and see what happens!

Frank

Frank,

I went into my template and clicked on the had checked that already and my CSS file does not contain the "div.left49" you referenced.

In order to get into the CSS file, I went into my template and then clicked on the "CSS" icon at the top of the screen (next to the Submit, Cancel, and Apply buttons) and searched through it and could not find the text you reference.

Where else can I check?

Thanks a lot for your help,
Angelo

Frank,

I figured it out. The text was not there so I just added it and I can now change the color

Thanks!
Angelo