CODEWITHSUNDEEP
htmlcssopencart
Reza Namvar
Reza Namvar

Reputation: 129

How can I change a specific part of css code in OpenCart?

This is the address of the website I'm working on : www.kristallglobal.ir
It's based on OpenCart and I want to change specific parts of it. The first one is the background color of this "div". I want to change it from "kinda purple" to another color. I've found its related code in the source code, but I don't know which property should I change. Here is the code.:

.box .box-heading { background-color:#fff; text-transform:uppercase; font-size:18px; font-weight:600; line-height:22px; color:#000; margin-bottom:30px; padding:10px 23px 13px; }

And here is the picture of it

and here is the picture of the "div" I want to modify

thanks for helping.

Upvotes: 0

Views: 452

Answers (1)

Allan Empalmado
Allan Empalmado

Reputation: 943

the element to target is header .toprow use chrome console to check for the element and then locate it on the opencart css file and replace the background color from there. Based on the google chrome console the style sheet to edit is named stylesheet_rtl.css and is located on catalog/view/theme/theme321/stylesheet/stylesheet_rtl.css, Goodluck :)

enter image description here

Upvotes: 1

Related Questions