Joomla Templates Club 406,261 posts

[andersks Friend andersksJoin date: August 2016Posts: 2Downloads:10Uploads:0 Thanks: 2]

#1038480

Hi, I have been trying to change the overlay opacity on the main slideshow but seem to be unable to make the changes in www/templates/ja_company/css/custom.css

Other changes to the css in the same custom.css works fine, but when I try to add

.slideshow .has-mask:before {
background-color: rgba(0, 0, 0, 0.1);
}

where it before had a value of rgba(0, 0, 0, 0.5) it does not change the display when reloading.

If I change the value in /www/templates/ja_company/acm/slideshow/css/style.css the change is sucessful.

Am I wrong in believing that custom.css is the right place to make my own css edits so they are not overwritten when upgrading the template?

Best Regards
Anders

EDIT: not the entire post was shown after publishing.

[andersks Friend andersksJoin date: August 2016Posts: 2Downloads:10Uploads:0 Thanks: 2]

#1038563

Was not allowed to mark topic as solved, but managed to figure out that by copying the relevant folder structure, css files and the overlay-png file to the /local folder i managed to get things right.

In case anyone was wondering how i solved it, this link seems to cover the topic fairly well.
http://www.t3-framework.org/documentation/extend-com-content#isolate-template

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

#1038626

Hi
Glad to hear you fixed it. if you got any code not work in custom.css file add !important in the code to make it work.

Regards

1 user says Thank You to Pankaj Sharma for this useful post

1. andersks

[Author]

Posts