We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Custom CSS Ignored

Featured Lock Resolved Issue
Not sure what the issue is but changes added to the custom CSS are totally ignored.

On this page this style on line 114 of template.css where the bolded text over rides the custom css.

.transparent-header #sp-header:not(.header-sticky) {
height: 85px;
box-shadow: none;
background-color: transparent;
position: fixed;
}

Custom.css line 9
.transparent-header #sp-header:not(.header-sticky) {
height: 85px;
box-shadow: none;
background-color: opacity: 0.25;
position: fixed;
}

My only solution is to delete the styles from the template.css and to ensure all those changes are commented with references back to the template css lines or any other style sheets I may customise.

When doing fine tuning this becomes a seriously tedious process

Thoughts?
Thanks

7 Answers

Paul Frankowski - Staff

3 weeks ago #Permalink
Hi,
Reading a book (or tutorial) about CSS may help.
This is incorrect CSS syntax (!) :

background-color: opacity: 0.25;

That's why it's totally ignored by all browsers.

+ some cases you have to use !important

Andrew

3 weeks ago #Permalink
Got me on that one
My bad :(

What about this one then?
Trying to remove the - from in front of the menu name

template.css line 155

#sp-header .sp-megamenu-parent > li > a::before {
content: " ";
width: 10px;
height: 1px;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

custom.css line 40

#sp-header .sp-megamenu-parent > li > a::before {
width: 10px;
height: 1px;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

Paul Frankowski - Staff

3 weeks ago #Permalink
Only this one:

#sp-header .sp-megamenu-parent > li > a::before {display: none;}


You're quite close, but your CSS knowledge has to be improved. The weekend course is all you need.

Andrew

3 weeks ago #Permalink
I figured removal would be better than me fiddling.

I'm just a hacker as you've discovered.
Thanks for putting up with my lunacy.

Paul Frankowski - Staff

3 weeks ago #Permalink
Sometimes it is worth investing in new knowledge that translates into faster work :p

Andrew

3 weeks ago #Permalink
Good call
Sometimes work gets in the road of learning as well.
Once I learn your systems and processes I will have time amongst learning Japanese and completing my Phd
Thanks again


There are no replies made for this post yet.
Be one of the first to reply to this post!

126

Templates

333617

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us