Changing Back Ground Colours In Css And Icons.

Hi All,

Wonder if you can help me at all please?

I am not experienced on CSS so really struggling to make 2 changes.

Website is downlightsonline.co.uk it is being built on unitheme.

Top section above the logo in the header, we have some quick links. Blog, Delivery information etc.

We want the full grid, full width with back ground colour #003366 and Text colour #ffffff.

Can anyone help me understand how to do this please? Need simple steps ideally.

Second change i am trying to make.

On product pages, and most likely i will enable the same block across site is a block/grid right by above the footer.

Example page:

https://www.downlightsonline.co.uk/fire-rated/dimmable-8w-ip65-low-glare-short-can-fire-rated-downlight/

Block says next day delivery, upto 7 year warranty and hassle free returns with icons.

We can add a icon into the circles. But really finding it hard to understand how to add a different icon. We have not designed them yet, but when we do how do we?

I have attached small screen shots of the areas i am referring to also.

Any help would be hugely appreciated!

Thanks
Chris

icons.png

UniTheme demo premium template for cs cart.png

Wonder if you can help me at all please?

I am not experienced on CSS so really struggling to make 2 changes.

Website is downlightsonline.co.uk it is being built on unitheme.

Top section above the logo in the header, we have some quick links. Blog, Delivery information etc.

We want the full grid, full width with back ground colour #003366 and Text colour #ffffff.

Can anyone help me understand how to do this please? Need simple steps ideally.


Please add the following code to the CSS section of the Theme editor
.tygh-top-panel {
    background: #003366;
}

.tygh-top-panel .top-quick-links a, .tygh-top-panel .top-quick-links a:hover {
color: #ffffff !important;
}


Please add the following code to the CSS section of the Theme editor

.tygh-top-panel {
    background: #003366;
}

.tygh-top-panel .top-quick-links a, .tygh-top-panel .top-quick-links a:hover {
color: #ffffff !important;
}

Thanks very much!

Welcome! :)