XSitePro Website Design Software Message Board • View topic

View unanswered posts | View active topics

Board index » XSitePro » Technical Discussion

All times are UTC - 7 hours

How to edit the color of Page Break

Moderators: BenXSitePro, Paul, Matt, Mel, Jim Van Wyck, Jason

Page 1 of 1

[ 10 posts ]

Print view

Previous topic | Next topic

Author

Message

ScottB

Post subject: How to edit the color of Page Break

Posted: Fri Mar 23, 2012 10:04 am

Joined: Fri Feb 19, 2010 11:02 am
Posts: 64

I have inserted a manual page break however the text at the top and bottom of the page <<Previous 1 [2] Next >> is blue or purple and does not show up well on my black background. How can I change it to be white?

Here's the page http://www.keepsakevideo.net/Michigan-Fine-Art-2.html

Thanks,

Scott

Top

Jason

Post subject: Re: How to edit the color of Page Break

Posted: Fri Mar 23, 2012 10:28 am

Joined: Sat Sep 03, 2005 7:47 pm
Posts: 8114
Location: California

No way to edit these, but it is in the feature requests so hopefully a future release will have This Capability.

Jason

_________________

Top

ScottB

Post subject: Re: How to edit the color of Page Break

Posted: Fri Mar 23, 2012 10:30 am

Joined: Fri Feb 19, 2010 11:02 am
Posts: 64

Thanks Jason.

I hope this gets fixed soon.

Scott

Top

CopyWolf

Post subject: Re: How to edit the color of Page Break

Posted: Fri Mar 23, 2012 10:58 am

Joined: Sat Aug 30, 2008 7:22 pm
Posts: 1888
Location: The road less traveled...

Are these Prev and Next links something that is inserted by XSite Pro or are they entered in your code?

If you enter them manually, you can add a script for them and put it in the <HEAD> section of the page.

Something like:

Code:

<style>
   a.prevnext {color:white; font-weight:bold; text-decoration:none;}
   
   a.prevnext:link {color:white; font-weight:bold; text-decoration:none;}
   
   a.prevnext:hover {color:#FFFF1A; font-weight:bold; text-decoration:none;}
   
   a.prevnext:visited {color:#1AFF8C; font-weight:bold; text-decoration:none;}
   
</style>

Then in the HTML:

Code:

<p>
  <a class="prevnext" href="Michigan-Fine-Art.html">&lt;&lt;&nbsp;Previous</a>&nbsp;&nbsp;&nbsp;&nbsp;<a class="prevnext" href="Michigan-Fine-Art.html">1</a>
</p>

_________________
XSitePro runs great on HostGator (WordPress does, too)

Top

ScottB

Post subject: Re: How to edit the color of Page Break

Posted: Fri Mar 23, 2012 11:23 am

Joined: Fri Feb 19, 2010 11:02 am
Posts: 64

Yes the Prev and Next links are added by Xsite pro.

Does your html code go in place of inserting the manual page break?

Thanks for your help.

Scott

Top

ScottB

Post subject: Re: How to edit the color of Page Break

Posted: Fri Mar 23, 2012 12:18 pm

Joined: Fri Feb 19, 2010 11:02 am
Posts: 64

Hi Copy Wolf,

I tried your code but it's not working correctly. I'm not sure if I'm doing something wrong.

Scott

Top

CopyWolf

Post subject: Re: How to edit the color of Page Break

Posted: Fri Mar 23, 2012 12:26 pm

Joined: Sat Aug 30, 2008 7:22 pm
Posts: 1888
Location: The road less traveled...

ScottB wrote:

Yes the Prev and Next links are added by Xsite pro.

Does your html code go in place of inserting the manual page break?

Thanks for your help.

Scott

Hi Scott,

The HTML code is used to replace the XSP page break.
The little snippet of code I used came from the generated code on your website. I just added the class="prevnext" to the <a> tag to style the link.
Many things in XSite Pro were developed with the assumption that you are using a white background and black text.
Unfortunately, this assumption does not work well with dark backgrounds.

_________________
XSitePro runs great on HostGator (WordPress does, too)

Top

ScottB

Post subject: Re: How to edit the color of Page Break

Posted: Fri Mar 23, 2012 12:32 pm

Joined: Fri Feb 19, 2010 11:02 am
Posts: 64

I'm Getting Green text with no page break now. http://www.keepsakevideo.net/Michigan-Fine-Art.html

Any suggestions?

Thanks

Top

CopyWolf

Post subject: Re: How to edit the color of Page Break

Posted: Fri Mar 23, 2012 1:18 pm

Joined: Sat Aug 30, 2008 7:22 pm
Posts: 1888
Location: The road less traveled...

If you choose to do it manually, you will need to figure out your colors. You also have to manually code the links.

Here's an example of this on an XSite Pro created website. Note that images are used instead of text for the Previous and Next buttons.

http://www.charlottenationalgc.com/charlotte-national-2nd-hole.html

Here's the code that sets up the Previous and Next page links:

Code:

<p align="center">
 
          <a href="charlotte-national-1st-hole.html"><img style="WIDTH: 98px; HEIGHT: 20px"
                     title="previous hole, charlotte national golf club"
                     border="0"
                     alt="previous hole, charlotte national golf club"
                     src="images/btn-green-previous-98x20.png"></a>
                
      <font size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font> <!--- This creates the spacing between the buttons --->
      
      <a href="charlotte-national-3rd-hole.html"><img style="WIDTH: 98px; HEIGHT: 20px"
                     title="next hole, charlotte national golf club"
                     border="0"
                     alt="next hole, charlotte national golf club"
                     src="images/btn-green-next-98x20.png"></a></span>
 </p>

_________________
XSitePro runs great on HostGator (WordPress does, too)

Top

ScottB

Post subject: Re: How to edit the color of Page Break

Posted: Fri Mar 23, 2012 7:47 pm

Joined: Fri Feb 19, 2010 11:02 am
Posts: 64

Copy Wolf,

Thanks, I'll give a try.

Scott

Top

Page 1 of 1

[ 10 posts ]

Board index » XSitePro » Technical Discussion

All times are UTC - 7 hours

Who is online

Users browsing this forum: No registered users and 0 guests

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum