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.
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.
1
person has this question
I have this question, too!
Tell me when someone answers.
The more people who ask this question, the more it gets noticed.
The more people who ask this question, the more it gets noticed.
The company marked this question as answered.
-
Inappropriate?Hi Byron
You will need to click on the HTML widget on your text editor box.
You can change an individual link by doing this:
<!--<a style="text-decoration:none" href="YOUR LINK URL"><font color="#42ba12">YOUR TEXT</font></a>
or you change change all your links with this code. This will over-ride any color. You drag an HTML widget box over from the right-hand side and paste this code inside and then place high up on your site.
<!--<style type="text/css"> a {text-decoration: none; font-family:Verdana; font-size: 10pt;} a:link {text-decoration: none; color: rgb(93, 196, 211);} a:visited {text-decoration: none; color: rgb(93, 196, 211);} a:hover {text-decoration: none; color: rgb(234, 99, 116);} a:active {color: rgb(66, 186, 18);text-decoration: none} </style>-->
You can change the color using either HEX code or rgb code. Take out the <!-- & -->
Please let me know if you need further help. -
excellent advice from Littleus here - just a note - the CSS (the bottom code) will not work in most styles - although it will provide visited / hover and active color changes it will not effect the standard default link color.
It may work in your style but not in all, if your wondering why its not working, its because your style wont allow it.
The best way to change the a link color is to use the first method she gives you.
Lee. -
sorry - just another little note - what i forgot to mention was it will change any links in html widgets - it will NOT change link colours in a text widget.
The first method works in all widgets, text and html.
Lee. -
Thanks Duke for clarifying that for us! =) -
i dont know whay the CSS works on links in a html widget and not in a text widget - that is beyond me.
Lee. -
Inappropriate?thanks guys that worked well!!!! is there any chance i can change the green circle with the tick in it?
thanks :D
I’m happy
-
Hi Byron.
I'm glad that the text link worked out for you!
Now regarding the "green circle with the tick in it" - I'm not certain what you mean by this. Would you mind sharing your url or posting a screenshot so that I can see what you are talking about? -
sites looking great - i think that is a built in image (the tick) nothing can be done to it.
Lee. -
Hi Byron
Unfortunately Lee is correct, this image appears to be a part of the template. What template are you using? If the tick really bothers you, you may need to find another template. Sorry Byron, wish I had better news. -
Inappropriate?nope that is ok - i think the template is unqualified? no i dont want to change the template because everything else is perfect! thanks again for the support - also if you have any constructive criticism about my site - i would love the feedback :)
I’m excited
-
Inappropriate?Byron.. you have done a great job in putting together your site. It looks professional, easy to navigate and understand.
Just a little note here - your "menu" page does not seem to work. I don't know if that is a work in progress but I just wanted to let you know.
Also, I would suggest adding a favicon to your site (a little icon that shows up in your browser window beside your site address). You can do this by going to "properties" and scrolling down until you see "favorite icon". Add your icon and then save and update your site.
One other thing that you may want to consider is have an e-mail submission form right on your site. This may make it easier for your customers to contact you. I personally use www.jotform.com to create my contact form. You can customize your form and have the information sent to your email address. You will have to check whether or not Jotform is the right one for you though.
Yola has Wufoo and another one (I can't remember the name though) which is integrated with them. You can find these under "content".
Excellent job so far though and I wish you the best of luck with this venture! Please don't hesitate to ask for help if needed. =) -
Inappropriate?mmm that is odd - the menu page is working - maybe i was updating it while you were looking at it?
ok so a couple more questions -
- im going to do the email submission - but do you know it there is a way that i can set up my own email for my site - like info@byronbutcher.com - is that possible?
- what is the best way to display pictures?
- i have tried looking in both borrowsers (internet explorer and firefox) and im logo and writing are being cut off. when i preview the page it does not show this - but when i go the the web site it self it does :( (attached)
thanks :)
I’m unsure
-
Hello Byron
1. Your menu is now working for me. Most likely it wasn't previously due to the reason you gave above. =)
2. I believe that if you want an email for your purchased domain, you need to send a request to support@yola.com They will be able to help you out.
3. There are various ways to displays pictures - it's really a matter of preference. Yola has a few photo galleries integrated with their site. Here's a link that will give you more information regarding that:
http://www.yola.com/tutorials/photo-g...
If these don't meet your needs, then you could explore external options and having them link to your site or using iframe or embedding them into your website.
3. Your site shows fine for me in FF but not in IE7. Unfortunately not everything translates the same in all browsers. One thing you could maybe try to do is add a text widget box (leave it blank and enter until desired width - I find that I don't need to hit enter as the box gives me enough space on its own) underneath your banner to give it a bit more space between your banner and your site content. This may make a bit more space on FF but hopefully, it'll be negligible. -
Inappropriate?Hi Byron,
Hope all is well there on the GC. Great place to get to Oz from Asia these days with the budget flyers :)
Domain email: The email address can be done easily. just send an email to support@yola.com stating your wish. They will set you up as you have your own domain.
Displaying pictures: My preference is to use a text widget. This allows positioning a little more critically and easy WYSIWYG sizing. I generally combine this with a two column widget (It gives you greater placement flexibility).
How to (outline)
i. drag a two column widget onto your page
ii. Place a text widget into one or both columns.
iii. Use the text edit facilities to drop a picture into the text widget
iv. Grab the red square of the image and size it appropriately.
v. Move the divider of your two column widget to do some more positioning of the image.
Disappearing content: I see your issue with the chopped logo and signature. Almost certainly this is due to the image below. This image is over the top of the headings and logo (just a fraction)
Two options I can think of to fix this
1. Move your "be captivated....." image down a bit.
2. Retrieve your original copy of "be captivated....." and reduce the opacity of the grey background (the amount would have to be determined by trial and error). You would need access to Photoshop or some reasonably sophisticated image manipulation program.
As always feel free to get back to us if it sounds unclear or if there's something else that needs to be done.
And tomorrow.......... :)
Great luck with this Byron.
I’m confident
-
Inappropriate?mmm that is odd. i will give your suggestion a go now :)
thanks heaps yet again!
you truly are a champ! :) -
Inappropriate?ok so i have done the domain email.
even when i didnt have the "be captivated" image there - it was still being cut off - I tried to add a extra widget under the logo but it would not allow me to do so - so i dont really know what else to do? -
Inappropriate?im having trouble setting up the email contact for my page - i dont really understand how to make the form? :(
I’m confused
-
What are you using to create the form. I mean which provider. maybe I can help? -
Inappropriate?Forget the last question byron.
lets head over to jotform.com.
register a free account (intuitive)
Tell us when you get that far and we'll get you going? Jotform is the most elegant and quite easy to use.
I’m confident
-
Go for it lu. you have far more experience with jotform than i do. Thanks for this lu. You're in an experts hands Byron. -
i cant seem how to find how to customise the the form?? i found how to change the colours of it but it is very limited :( sorry this is all new to me -
If you go to the source heading at the top of the form you have access to the most powerful aspects of customising the form. before you do though there are some things that you can easily change on the mashup board.
The most instant effects can be altered by selecting properties. Herre you can select preset backgrounds and variable font colours. Font styles, other backgrounds (I think),
The font colour uses the hex code for colours so it would be good if you have a colour chart but preferably a colour match program. There's one for FireFox called Colorzilla. It's brilliant. All you have to do is move your cursor over a colour you want to select and copy the code. Paste that code into whatever application such as the font colour in Jotform. this allows you perfect matches every time with other colours on your web-page.
When you get so far, Save your form. Copy option #2 of the source code. Paste it into an HTML widget.
You can still modify it a bit here. The button that littleus used she is importing from another source. She created that with an onlie graphics program and then linked it to the form. (It's quite short coding but she is the one who would answer exactly how to do it.)
I hope that this gives you a better confidence in what it may do. it's almost limited to your imagination and skill. The skill can be shared here, so I really am confident that you can produce something equivalent to the quality of your pages. I really mean that Byron. I'm not the person to design the artistic aspect. You are. I'm sure LU will be with you all the way and I've watched your independence on tasks, you're bright and quick. You certainly shouldn't consider your needs a burden. You're targeted as voice here in a very short space of time I'm sure. Hang around! -
Inappropriate?Hi Byron
I just wanted to let you know that I'm heading to bed. If you run into any problems, please do let me know and I'll get back to you. Take care! -
Inappropriate?ok so i used jotform - but i think it cheapens my page? what do you guys think? its under www.byronbutcher.com/contact
-
Sorry Byron,
LU has zzz'd of. I am sure that a good design with jotform won't cheapen your page at all. There are some stunning effects that you do with it. My suggestion is to do the basic layout and then Littleus can help you with a concept that you may come up with.
Jotfom is almost as powerful in design aspects as the site builder :) -
Inappropriate?ok so i have found how to use my own email and i have tried setting it up - but it really doesnt make sense :( i have signed it up but i have to verify that i am the owner of the site by uploading a html code - they give me a section to copy but then i have to turn it into a html code - but i dont really know how to change it into a htlm code - it wasnt quite clear - this is the link: http://www.google.com/support/a/bin/a...
do you guys understand?
I’m frustrated
-
-
Inappropriate?thanks for that - what site did u get that mailing list from?
also i found how to put the email but i am not sure how to create the html code that they need for me to verify that i am the owner of the account , the help addy they gave me is : http://www.google.com/support/a/bin/a... but i still do not understand. look forward to hearing from you soon. :)
I’m confused
-
Littleus created the form with Jotform Byron. There are many options within their style sheets. Littleus will be back on-board within a few hours. -
Inappropriate?thanks peter :)
-
Byron,
Are you OK with the email setup with Google now?
I am not sure if you want me to chase anything up or whether you have got it all in hand with Ruth? -
Inappropriate?I'm back again! =) I see that you've successfully created your e-mail form Byron. Way to go! Did you need further help with this or is everything to your satisfaction?
p.s. Thanks Peter for helping Byron out on this. -
Inappropriate?not happy with the display - im going to try and make it look better, are you online now? :)
-
Inappropriate?lu - i really like how you made your form - is that a bit more tech?
-
Hi Byron
I'm here! What would you like to try and do with your form? -
Inappropriate?or you can do it the easier way. At the end of your html line with the appropriate link there is what you call an "ending tag"... this tag is what determines if the link can or cannot be changed. An example ending tag where the color cannot be changed is... < /A >< /FONT >< /SPAN >< /P > ... if you change it to... whatever the case... < /FONT >< /A >< /FONT >< /SPAN >< /P >... then go back to your text widget, highlight the link, and change the color... of course, without the spaces... it shouldn't have a problem working... this is something Yola needs to change... it should be our choice what the color of the links be and this has cost me the most time-wasting than any other fault.
-
Inappropriate?i have change the colour now - thanks Donald :)
-
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. -
Inappropriate?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.
-
Inappropriate?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 :(
-
Is your design button an image? What is the HTML code that you used? -
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. -
Inappropriate?sorry i didnt see your message earlier but im glad your back :)
-
Inappropriate?so do i have to download both images - then upload them to my page? or jotform?
-
You need to download both images and then upload to your site builder's file manager. -
ok that is done :) -
Inappropriate?ok that is done :)
-
Inappropriate?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. -
Inappropriate?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 <!-- & --> -
Inappropriate?the submit button is not pink - maybe i missed something? i followed your steps though...
-
Did you by chance edit the submit button after you gave me that link to the HTML source on cooltext? -
Can you publish it so I can see what it looks like? -
Inappropriate?no i didnt :(
-
Inappropriate?<style type="text/css">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_back.gif") 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_back_over.gif") no-repeat scroll 0 0;
}
div.backButton:active{
background: transparent url("http://www.jotform.com//images/btn_back_down.gif") no-repeat scroll 0 0;
}
div.nextButton{
background: transparent url("http://www.jotform.com//images/btn_next.gif") 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_next_over.gif") no-repeat scroll 0 0;
}
div.nextButton:active{
background: transparent url("http://www.jotform.com//images/btn_next_down.gif") no-repeat scroll 0 0;
}
.pageinfo{
padding-right:5px;
margin-bottom:15px;
float:left;
}
</style>
</head>
<body>
<table class="tbmain" width="100%">
<tr><td class="topleft" height="10" width="10"> </td>
<td class="topmid"> </td>
<td class="topright" height="10" width="10"> </td>
</tr>
<tr>
<td class="midleft" width="10"> </td>
<td class="midmid">
<form name="q_form_91330834220">
<input name="formID" type="hidden" value="91330834220" />
<input name="spc" type="hidden" value="spc" />
<table width="520">
<tr>
<td class="left" width="150">
<label>YOUR NAME *</label>
</td>
<td class="right">
<input name="q0_YOURNAME" class="text" type="text" value="" />
</td>
</tr>
<tr>
<td class="left" width="150">
<label>E-MAIL *</label>
</td>
<td class="right">
<input name="q2_EMAIL" class="text" type="text" value="" />
</td>
</tr>
<tr>
<td class="left" width="150">
<label>YOUR MESSAGE *</label>
</td>
<td class="right">
<textarea name="q7_YOURMESSAGE" class="text"></textarea>
</td>
</tr>
<tr>
<td class="left" width="150">
</td>
<td class="right">
<input name="submit" class="btn" src="YOUR IMAGE
PATH/cooltext422445781.png" type="image" value="Submit" />
</td>
</tr>
</table>
</form>
</td>
<td class="midright" width="10"> </td>
</tr>
<tr>
<td class="bottomleft" height="10" width="10"> </td>
<td class="bottommid"> </td>
<td class="bottomright" height="10" width="10"> </td>
</tr>
</table> -
-
Inappropriate?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.
-
ok im trying to do that now -
Inappropriate?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... -
Inappropriate?ok i did that - its still not working? :(
</style>
</head>
<body>
<table class="tbmain" width="100%">
<tr><td class="topleft" height="10" width="10"> </td>
<td class="topmid"> </td>
<td class="topright" height="10" width="10"> </td>
</tr>
<tr>
<td class="midleft" width="10"> </td>
<td class="midmid">
<form name="q_form_91330834220">
<input name="formID" type="hidden" value="91330834220" />
<input name="spc" type="hidden" value="spc" />
<table width="520">
<tr>
<td class="left" width="150">
<label>YOUR NAME *</label>
</td>
<td class="right">
<input name="q0_YOURNAME" class="text" type="text" value="" />
</td>
</tr>
<tr>
<td class="left" width="150">
<label>E-MAIL *</label>
</td>
<td class="right">
<input name="q2_EMAIL" class="text" type="text" value="" />
</td>
</tr>
<tr>
<td class="left" width="150">
<label>YOUR MESSAGE *</label>
</td>
<td class="right">
<textarea name="q7_YOURMESSAGE" class="text"></textarea>
</td>
</tr>
<tr>
<td class="left" width="150">
</td>
<td class="right">
<input name="submit" class="btn" src="www.byronbutcher.com/filemanager/cooltext422445781.png" type="image" value="Submit" />
</td>
</tr>
</table>
</form>
</td>
<td class="midright" width="10"> </td>
</tr>
<tr>
<td class="bottomleft" height="10" width="10"> </td>
<td class="bottommid"> </td>
<td class="bottomright" height="10" width="10"> </td>
</tr>
</table> -
Inappropriate?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. -
Is that working out Byron? -
Inappropriate?no i didnt - ooops, ill try that now.
-
Inappropriate?WOOOO
HOOOO!!!!!!
IT HAS WORKED!
now - im still having problems with the google apps email for the site ..... -
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. -
Have you updated your site and published it to see if the button is working on the published version? -
Inappropriate?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/cooltext422445781.png"
change to:
onmouseout="this.src='http://www.byronbutcher.com/resources/cooltext422445781.png';"
That should do the trick. -
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? -
Inappropriate?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.
Loading Profile...



