Frontpage header price table

Hi there,

I'm a newcomer here and have following problem wiht the great Cloudhost template. In the header price table I have now 4 colums, 2 "gkPrice" boxes and 2 "gkColor" boxes. Is there any possibility to have 4 different colors (blue, green, red, yellow) for these boxes?

I don't know how I could add "gkXxxx"-classes and define them colours. Is this possible in css.styles or override folders?

Greetings,

Petsku

You can do that in override.css.
You would need to define background color, color of the font and hover colors of "circle" button.

Hi Cyberek,

thanks for your reply, unfortenately I'm not too good with these. Could you please show an example of the code for one "box" I need to define like this I found here, thus change the colour codes and give a new name like "gkRed"for red box:

}
.gkColorPriceTable dl.gkColor { background: #9ec22a; }
.gkColorPriceTable .gkColor dt { border-bottom: 1px solid #b6d25a; }
.gkColorPriceTable .gkColor dd { color: #e3f5a9; }
.gkColorPriceTable .gkColor .gkPrice > span { color: #e3f5a9; }
.gkColorPriceTable .gkColor .gkPrice > small { color: #e3f5a9; }
.gkColorPriceTable .gkColor .gkLink a {
border: 5px solid #bedf54;
color: #9ec22a;
}

Or do I need to change more like in this post you made?
https://www.gavick.com/forums/bluap-joo ... ueup-35220

Petsku

Code: Select all

.gkColorPriceTable dl.gkColor { background: #9ec22a; }
.gkColorPriceTable .gkColor dt { border-bottom: 1px solid #b6d25a; }
.gkColorPriceTable .gkColor dd { color: #e3f5a9; }
.gkColorPriceTable .gkColor .gkPrice { color: #fff; }
.gkColorPriceTable .gkColor .gkPrice > span { color: #e3f5a9; }
.gkColorPriceTable .gkColor .gkPrice > small { color: #e3f5a9; }
.gkColorPriceTable .gkColor .gkLink a {
   border: 5px solid #bedf54;
   color: #9ec22a;
}
.gkColorPriceTable .gkColor .gkLink a:active,
.gkColorPriceTable .gkColor .gkLink a:focus,
.gkColorPriceTable .gkColor .gkLink a:hover {
   background: #bedf54;
   color: #fff;
}


This block of code should be enough. replace gkColor with gkMyColor, change background and color values and it should be fine.

Hi,

thanks for the code. It`s not yet working as it should , but I'll come further with this information.

Petsku

Could you please post an url to your site? I'll check what is missing.

Hi Cyberek,

sorry for the late reply, but I was travelling. Thanks for your reply, this "motivated" me to take a new look on fresh eyes and I found my mistake (I had used search and reply in the editor too much). Everything is now as it should .

Thanks again for the good support!

Petsku

So to make things short - the above code was enough?

Yes, that code was enough, thanks!

Is there anything else I can help you with regarding this topic?

Hello
I want a background image in the middle of the price table on the grontpage. Is that possible? Now its black. I have already found the source for color changes of the 3 elements

http://vermeerpublishing.nl/

From what I see you have already added the image. Am I right?