Joomla Templates Club 406,261 posts

[jackoman Friend jackomanJoin date: February 2007Posts: 8Downloads:7Uploads:5]

#995087

Hi, I would like to change the green color of the custom location block to a slightly different shade of green to match that of the green of our logo (see attached screenshot). How would I go about doing this?

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#995468

Hi
You have this code in the module suffix : box-background-secondary
For this module that gives it green color
Go to /css/custom.css file in the template folder, if file is not present then create and add the below code and change the color code with your own color code

#Mod142.t3-module.box-background-secondary {
    background: #cdddcc!important;
}

Hope it helps.

[jackoman Friend jackomanJoin date: February 2007Posts: 8Downloads:7Uploads:5]

#997061

Thank you that solved my one issue. The other issue I have now is that I would also like to change the color and icon of the box inside/on top of this green box (see screenshot). How do I go about doing that?

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#997241

Hi
Add below code in custom.css file and change the color code
.t3-module.box-background-secondary:before { background-color: #6abf61!important;}

[jackoman Friend jackomanJoin date: February 2007Posts: 8Downloads:7Uploads:5]

#998448

Thank you so much, last question on this topic is how to change the heart icon in this box to another icon? I have an icon of the globe which I would like to replace the heart with.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#998466

Hi
Check this topic for icon question.
Regards

[Author]

Posts