Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Changing Back Ground Colours In Css And Icons. Rate Topic   - - - - -

 
  • chrisuk
  • Newbie
  • Members
  • Join Date: 21-Feb 18
  • 9 posts

Posted 23 February 2018 - 10:08 AM #1

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.downligh...ated-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

 

 

 

Attached Files



 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 17801 posts

Posted 26 February 2018 - 07:18 AM #2

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;
}

GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    CS-Cart RU                         24500 руб.
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      CS-Cart RU + UniTheme    36000 руб.


 
  • chrisuk
  • Newbie
  • Members
  • Join Date: 21-Feb 18
  • 9 posts

Posted 02 March 2018 - 03:54 PM #3

 
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!



 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 17801 posts

Posted 05 March 2018 - 05:36 AM #4

Welcome! :)


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    CS-Cart RU                         24500 руб.
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      CS-Cart RU + UniTheme    36000 руб.