Formatting a page with a table

  • 1
  • Question
  • Updated 6 years ago
  • Answered
I use the Atomohost template and am trying to format a single page of my website which contains a table (in which are plain text and some links). I have seen several Q&As covering this topic which suggest one case do this with a style command in an html widget at the top of the page but, so far, haven't managed to get the desired result!

What I would like to achieve is text color #000066 (currently grey), links blue and no underline (currently red and underlined) but underlined in blue when hovered over.

I have spent hours trying to sort this so would be really grateful if anyone could help please.

Thanks,

V
Photo of Victor

Victor

  • 7 Posts
  • 0 Reply Likes

Posted 6 years ago

  • 1
Photo of mik

mik

  • 172 Posts
  • 3 Reply Likes
is the template image based...?
if it's html based - is it a url link to the template or do you see the table/content set-up as code? If so... any colour you see e.g. #000066 can be changed to whatever colour you wish... you might even be able to find it in your CSS and change it there...
Photo of Victor

Victor

  • 7 Posts
  • 0 Reply Likes
Hi Mik

Thanks for your reply, although I'm not sure i fully understand your answer! I didn't mean to mislead but perhaps i should have said i use the Atomohost Style (rather than template)?

Here's a test page of the table I'm talking about http://www.victordelta.yolasite.com/t...

At the top of the page is an html widget in which i have the following:

A:link {color: blue; text-decoration: none}
A:visited {color: blue;}
A:active {color: blue;}
A:hover {color: blue; text-decoration: underline}

The links are certainly now blue (instead of the original red) but when you hover over them, they go turquoise and there's no underline!

And the text remains grey even when i put 'color: #000066' in the style header above.

I'm sure i must be doing something obviously wrong...!?

Thanks again,

V
Photo of mik

mik

  • 172 Posts
  • 3 Reply Likes
so you want there to be an 'underline' when you hover over the 'link' ?

Also... after you made your changes... make sure you go to clear your internet history and cache... this has helped me loads to see changes on my published site once tampering with the CSS for example...

MK
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello Victor

The reason is that formating for text of the body area is specified later in your default Style CSS, which overrides the general link formatting given at the top of the CSS.

Please note that overriding the Site CSS is a Yola Silver feature, and that you should not circumvent this by adding CSS to an HTML Widget.

If you're ready to upgrade to Yola Silver, we'll be able to give you the CSS code you need to create the settings you want. Click here to upgrade.