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 9 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 9 years ago

  • 2
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
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.
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
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.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Thanks Duke for clarifying that for us! =)
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
i dont know whay the CSS works on links in a html widget and not in a text widget - that is beyond me.

Lee.
Photo of Erich Shelton

Erich Shelton

  • 7 Posts
  • 1 Reply Like
I took your suggestion and started changing my text links individually, which open up or download a PDF. It worked well for about 15 links and then suddenly I couldn't get it to take the new colour for any future links. I logged out, rebooted and logged back in and it still will not let me change any more link colours for my site. The background is black (which I can't change) and the links are dark red (poor design) and I need more contrast with the background. Any suggestions. Thanks.
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
Hi Erich,

The difference your seeing sounds perhaps like something to do with text widgets and html widgets - links behave differently in each of the 2 widgets.

If it's not that I'm not sure why they would act differnetly unless of course they are being controlled by a higher 'on the page' piece of code for example < font ]> or a < span ]>

Lee
http://palsbar.gr
Photo of Byron

Byron

  • 35 Posts
  • 0 Reply Likes
thanks so so so much i will try it now. i really appreciate your help!
Photo of Byron

Byron

  • 35 Posts
  • 0 Reply Likes
thanks guys that worked well!!!! is there any chance i can change the green circle with the tick in it?

thanks :D
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
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?
Photo of Byron

Byron

  • 35 Posts
  • 0 Reply Likes
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
sites looking great - i think that is a built in image (the tick) nothing can be done to it.

Lee.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
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.
Photo of Byron

Byron

  • 35 Posts
  • 0 Reply Likes
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 :)
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
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. =)
Photo of Byron

Byron

  • 35 Posts
  • 0 Reply Likes
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 :)
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
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.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
This is the view I get in FF:

Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
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.
Photo of Byron

Byron

  • 35 Posts
  • 0 Reply Likes
mmm that is odd. i will give your suggestion a go now :)

thanks heaps yet again!

you truly are a champ! :)
Photo of Byron

Byron

  • 35 Posts
  • 0 Reply Likes
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?
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
You have your main content frame with your widgets all in it. Between the main content frame and the actual content, try inserting a text box widget in there. Does this make sense?



Let me know if this worked - if not.. we'll try to think of something else!
Photo of Byron

Byron

  • 35 Posts
  • 0 Reply Likes
im having trouble setting up the email contact for my page - i dont really understand how to make the form? :(
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
What are you using to create the form. I mean which provider. maybe I can help?
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
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.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
I was going to suggest the same thing Peter. Byron, you can create something similar to this idea here:



You can very easily customize the look and they have lots of options.
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
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.
Photo of Byron

Byron

  • 35 Posts
  • 0 Reply Likes
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
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
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!
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
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!
Photo of Byron

Byron

  • 35 Posts
  • 0 Reply Likes
ok so i used jotform - but i think it cheapens my page? what do you guys think? its under www.byronbutcher.com/contact
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
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 :)
Photo of Byron

Byron

  • 35 Posts
  • 0 Reply Likes
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?
Photo of Ruth

Ruth

  • 2819 Posts
  • 135 Reply Likes
Hi Byron,

Please email us support@yola.com and we can help you with this.
Photo of Byron

Byron

  • 35 Posts
  • 0 Reply Likes
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. :)
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
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.
Photo of Byron

Byron

  • 35 Posts
  • 0 Reply Likes
thanks peter :)
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
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?
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
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.
Photo of Byron

Byron

  • 35 Posts
  • 0 Reply Likes
not happy with the display - im going to try and make it look better, are you online now? :)
Photo of Byron

Byron

  • 35 Posts
  • 0 Reply Likes
lu - i really like how you made your form - is that a bit more tech?
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hi Byron

I'm here! What would you like to try and do with your form?
Photo of Byron

Byron

  • 35 Posts
  • 0 Reply Likes
im still a bit confused how to do the google set up?

sorry :(
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
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.