HELP PLZ - does anyone know how to change the colour of hyperlinks on my web page? i want to change them to pink to match my site.

  • 2
  • Question
  • Updated 10 years ago
  • Answered
HELP PLZ - does anyone know how to change the colour of hyperlinks on my web page? i want to change them to pink to match my site.
Photo of Byron

Byron

  • 35 Posts
  • 0 Reply Likes

Posted 10 years ago

  • 2
Photo of Byron

Byron

  • 35 Posts
  • 0 Reply Likes
i have change the colour now - thanks Donald :)
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
no problem Byron... I've encountered so many problems that I am constantly on this forum and everyone here has helped me so much, some things though, I have had to figure out myself. Like the changing the link color thing. Everyone seems to think giving you a big long code is going to be easy. Honestly... a short code is easy to remember... my advice... remember that code I gave you and at the end of every link's text in the html < text goes here >< ending tag > and change it from what the default is to the one I gave you and then change the color.
Photo of Sanja

Sanja

  • 10698 Posts
  • 495 Reply Likes
Byron... I don't know if you saw my response a few minutes ago.. but I'm here now and am standing by to help you out. =) Please let me know what you'd like to do with the form.
Photo of Byron

Byron

  • 35 Posts
  • 0 Reply Likes
oh i designed a submit button - but i cant seem to work out how to display it? I copied the html code and put it into jotform but it is not showing :(
Photo of Sanja

Sanja

  • 10698 Posts
  • 495 Reply Likes
Is your design button an image? What is the HTML code that you used?
Photo of Byron

Byron

  • 35 Posts
  • 0 Reply Likes
Photo of Sanja

Sanja

  • 10698 Posts
  • 495 Reply Likes
Looks good! Okay..now did you download your images and then upload them to your file manager? Then, make sure you click on "update". We'll take this step by step. Let me know if you've done this.
Photo of Byron

Byron

  • 35 Posts
  • 0 Reply Likes
sorry i didnt see your message earlier but im glad your back :)
Photo of Byron

Byron

  • 35 Posts
  • 0 Reply Likes
so do i have to download both images - then upload them to my page? or jotform?
Photo of Sanja

Sanja

  • 10698 Posts
  • 495 Reply Likes
You need to download both images and then upload to your site builder's file manager.
Photo of Byron

Byron

  • 35 Posts
  • 0 Reply Likes
ok that is done :)
Photo of Byron

Byron

  • 35 Posts
  • 0 Reply Likes
ok that is done :)
Photo of Sanja

Sanja

  • 10698 Posts
  • 495 Reply Likes
No problem Byron.. we'll get this done.

1. On the cooltext website, you made your submit button images. You need to download them.



2. Then, on your Yola website, you need to upload those images you just downloaded to your file manager.





3. Then click on "update my site" - this makes sure that the images you loaded up are actually in your file manager.

Let me know when you've done this part. Then, we'll go onto the next part. Don't close the cooltext page yet as you'll need that HTML code.
Photo of Sanja

Sanja

  • 10698 Posts
  • 495 Reply Likes
Okay great!

I assume that the link you gave me above for the cooltext are the images you are using? If so, then, just follow the instructions below:

Go to your HTML widget box where you have your Jotform code. Look for this code:

<!--<input type="submit" class="btn" value="Submit" />-->

Replace that whole code with this new code:

<!--<input type="image" name="submit" src="YOUR IMAGE PATH/cooltext422445781.png" onmouseover="this.src='YOUR IMAGE PATH/cooltext422445781MouseOver.png';" onmouseout="this.src='YOUR IMAGE PATH/cooltext422445781.png" class="btn" value="Submit"/>-->

Be sure to take out the <!-- & -->
Photo of Byron

Byron

  • 35 Posts
  • 0 Reply Likes
the submit button is not pink - maybe i missed something? i followed your steps though...
Photo of Sanja

Sanja

  • 10698 Posts
  • 495 Reply Likes
Did you by chance edit the submit button after you gave me that link to the HTML source on cooltext?
Photo of Sanja

Sanja

  • 10698 Posts
  • 495 Reply Likes
Can you publish it so I can see what it looks like?
Photo of Byron

Byron

  • 35 Posts
  • 0 Reply Likes
no i didnt :(
Photo of Byron

Byron

  • 35 Posts
  • 0 Reply Likes
html,body{height:100%; margin:0;}
.tbmain{
/* Changes on the form */
background: WHITE !important;
}
.left{
/* Changes on the form */
color: black !important;
font-family: TEEN !important;
font-size: 12px !important;
}
.head{
color:#333333;
font-size:20px;;
text-decoration:underline;
font-family:"Verdana";
}
td.left {
font-family:"Verdana";
font-size:12px;
color:black;
}
.pagebreak{
font-family:"Verdana";
font-size:12px;
color:black;
}
.tbmain{
height:100%;
background:white;
}
span.required{
font-size: 13px !important;
color: red !important;
}

div.backButton{
background: transparent url("http://www.jotform.com//images/btn_ba...) no-repeat scroll 0 0;
height:16px;
width:53px;
float:left;
margin-bottom:15px;
padding-right:5px;
}
div.backButton:hover{
background: transparent url("http://www.jotform.com//images/btn_ba...) no-repeat scroll 0 0;
}
div.backButton:active{
background: transparent url("http://www.jotform.com//images/btn_ba...) no-repeat scroll 0 0;
}
div.nextButton{
background: transparent url("http://www.jotform.com//images/btn_ne...) no-repeat scroll 0 0;
height:16px;
width:53px;
float: left;
margin-bottom:15px;
padding-right:5px;
}
div.nextButton:hover{
background: transparent url("http://www.jotform.com//images/btn_ne...) no-repeat scroll 0 0;
}
div.nextButton:active{
background: transparent url("http://www.jotform.com//images/btn_ne...) no-repeat scroll 0 0;
}
.pageinfo{
padding-right:5px;
margin-bottom:15px;
float:left;
}

 
 
 

   




YOUR NAME *

E-MAIL *

YOUR MESSAGE *

 




   

 
 
 

--&>
Photo of Sanja

Sanja

  • 10698 Posts
  • 495 Reply Likes
Ahh.. I see what the problem is! You have to change the "your image path" to what is really your image path. You need your site url, then the folder where you put your images into.
Photo of Byron

Byron

  • 35 Posts
  • 0 Reply Likes
ok im trying to do that now
Photo of Sanja

Sanja

  • 10698 Posts
  • 495 Reply Likes
My apologies Byron.. I did not make myself clear. When I said "your image path", I meant for you to actually put down your image path.

e.g. http://littleus.synthasite.com/resour...
Photo of Byron

Byron

  • 35 Posts
  • 0 Reply Likes
ok i did that - its still not working? :(

 
 
 

   




YOUR NAME *

E-MAIL *

YOUR MESSAGE *

 




   

 
 
 

--&>
Photo of Sanja

Sanja

  • 10698 Posts
  • 495 Reply Likes
Still a teensy weensy problem here Byron.

You are correct that the file manager is where your images are located. But, your images are held in a folder in that file manger.

Try this.. I'm going to assume you never created a new folder.. so your image path would be this: http://www.byronbutcher.com/resources/

try putting that image path in.
Photo of Sanja

Sanja

  • 10698 Posts
  • 495 Reply Likes
Is that working out Byron?
Photo of Byron

Byron

  • 35 Posts
  • 0 Reply Likes
no i didnt - ooops, ill try that now.
Photo of Byron

Byron

  • 35 Posts
  • 0 Reply Likes
WOOOO
HOOOO!!!!!!

IT HAS WORKED!

now - im still having problems with the google apps email for the site .....
Photo of Sanja

Sanja

  • 10698 Posts
  • 495 Reply Likes
YAY!!!!!!

Okay.. now for the google apps email.. my best suggestion for you is to contact support@yola.com and tell them what the problem is and they'll be able to help you with that.
Photo of Sanja

Sanja

  • 10698 Posts
  • 495 Reply Likes
Have you updated your site and published it to see if the button is working on the published version?
Photo of Sanja

Sanja

  • 10698 Posts
  • 495 Reply Likes
Byron.. I saw your image - it looks great! But it's not mousing over. It's my fault. Look for this line -

onmouseout="this.src='http://www.byronbutcher.com/resources..."

change to:

onmouseout="this.src='http://www.byronbutcher.com/resources..."

That should do the trick.
Photo of Byron

Byron

  • 35 Posts
  • 0 Reply Likes
sweet it works.

yeh i have emailed them twice - once yesterday and once today and still havent heard back :(

just in regards to the display form on here - "our mailing list" - im trying to create one like that too but i cant seem to get the heading to be in the middle of the form - any tips how too?
Photo of Sanja

Sanja

  • 10698 Posts
  • 495 Reply Likes
Hey Bryon

There are a couple of ways of doing this. Let's try the easiest way first. If that doesn't meet your needs then, I'll have you try a different way.

The easiest way to do this is just to drag a text box over and type in your heading and any other information. Highlight the whole thing and click on the "center" on your text editor.