Hi Rikard
Yes,as an example I have some CSS as follows:-
.distance {
color: #ff4000;
font-size: 18px;
font-style: italic;
font-weight: bold;
}

This is placed in the Quick CSS section but has no effect on the text when I apply it. I also want to add a similar CSS but in a different font colour and font size, i.e.
.distance-white {
color: #ffffff
font-size: 24px;
font-style: italic;
font-weight: bold;
}
But again it has no effect.
Basically any new or amended CSS I add to the Quick CSS section is having no effect at all.
The Quick CSS section used to work fine and all of the older CSS that was added to it works okay. It would appear that something has changed that will allow the older CSS to work, but any new or amended CSS will not work.

The following CSS was added in the Quick CSS section quite a while ago and works perfectly:-
@media only screen and (max-width: 768px) {
.only_desktop { display: none !important; }}

@media only screen and (min-width: 769px) {
.only_mobile { display: none !important; }}

I appreciate this is a bit random, but I am just trying to explain that something is preventing any new or amended CSS from working, but I simply haven’t got a clue why this would be.

Thanks
Paul

Hi Basilis

That’s almost there, thank you. The first and third columns are not quite what I would like, but its certainly getting there, please see the page below. I also noticed the text in the third row is darker than the text in the second and fourth rows, could these all be made the same darker text.

I’m not sure if it as any of the other CSS that may be stopping it showing as the image at the top of the page, I have included all of the CSS I Have added.

@media only screen and (max-width: 1185px) { .html_mobile_menu_tablet .main_menu , .html_mobile_menu_tablet #header_main_alternate{display:none;}
.html_mobile_menu_tablet .container #advanced_menu_toggle, .html_mobile_menu_tablet #advanced_menu_hide{display:block;}
.html_mobile_menu_tablet #mobile-advanced{display:block;} }

li#menu-item-396 .avia-menu-fx, li#menu-item-397 .avia-menu-fx, li#menu-item-398 .avia-menu-fx, li#menu-item-452 .avia-menu-fx, li#menu-item-703 .avia-menu-fx, li#menu-item-712 .avia-menu-fx, li#menu-item-713 .avia-menu-fx, {
display: none;
}
.avia-menu-text img {
position: relative;
top: 10px;
}

@media screen and (max-width: 767px) {
.avia-menu-text img {
position: relative;
top: 0px !important;
}
}

@media only screen and (max-width: 768px) { .only_desktop { display: none !important; }}

@media only screen and (min-width: 769px) { .only_mobile { display: none !important; }}

.testimonial {
color: #ffffff;
font-size: 18px;
}

.testimonial2{
color: #ff4000;
font-size: 18px;
}

.font-white {
color: #ffffff;
font-size: 16px;
}

.event-date {
color: #ffffff;
font-size: 24px;
font-weight: bold;
}

.distance {
color: #ff4000;
font-size: 22px;
font-style: italic;
font-weight: bold;
}

#top .av_header_glassy.av_header_transparency #header_main {
background-color: rgba(255,255,255,0.8); }

#top div .avia-gallery img { border-style: solid; padding: 0; border-color: #cccccc;} #top #wrap_all .avia-gallery-1 .avia-gallery-thumb a { width: 16%; margin: 0px; }

@media screen and (max-width: 767px) {
#wrap_all { position: relative !important; } }

.element-form {
text-align: left;
color: #A81010;
border-top-width: medium;
border-right-width: 0px;
border-bottom-width: medium;
border-left-width: 0px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #aaaaaa;
border-bottom-color: #aaaaaa;
padding-left: 30px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 18px;
font-weight: bold;
text-transform: capitalize;
font-family: Open Sans, Geneva, sans-serif; }

#top .input-text, #top input[type=”text”], #top input[type=”input”], #top input[type=”password”], #top input[type=”email”], #top input[type=”number”], #top input[type=”url”], #top input[type=”tel”], #top input[type=”search”], #top textarea, #top select { background-color: #ffffff !important; }

th {
background: red;
color: white;
}
td.avia-center-col {
background: #E9AE4E;
}

I hope this helps.
Regards
Paul

Hi Elliott

The link to the web page is http://www.giveforothers.co.uk/enfold/
It is currently only at the very early stages of becoming a webite.
The images showing the Facebook icon, Twitter icon, Enter now button an Price increase image all without the underline on hover or active state.
The wording links Home, Community, FAQ, Volunteer, Results, Contact all with the underline on hover or active state.

Also is it possible to have the images displayed centrally with the wording instead of the bottom edge of the images lining up with the wording

Thank you
Paul