Home › Forums › Pro Themes › Kids Education Pro › Changes to CSS not appearing
- This topic has 5 replies, 2 voices, and was last updated 4 years, 7 months ago by wensolutions.
-
AuthorPosts
-
February 22, 2020 at 6:36 pm #116908Denis DohenyParticipant
Hi,
I need to make 2 changes to the CSS.
1 – Main Slider
Remove opacity from the slides and change text colour.On line 4032, I have removed black-overlay to the following
.overlay-none {
position: absolute;
width: 100%;
height: 100%;
background-color: #000;
top: 0;
left: 0;
bottom: 0;
opacity: 0.0;
}2 – Change colour of links
I find the orange hard to read. I want to change it to #8502c2On line 3774 I made a change but it has done nothing.
span.tags-links a {
color: #8502c2;Thanks!
February 24, 2020 at 1:28 am #116957wensolutionsKeymasterHello,
Regarding your query to remove opacity from the slides and change the text color, you can add CSS following the path Admin Panel > Appearance > Customize > Additional CSS
To change the text color of content, add the following CSS
.slider-item .main-slider-contents p { color: #b32626; }
To change the text color of title, add the following CSS
.main-slider-contents .title a { color: #b32626; }
To remove opacity from the slides, add the following CSS
#main-slider .black-overlay { opacity: 0; }
Regarding your query to change the color of the links, please provide us with the screenshot specifying which links color you want to change so that we can provide you with the precise fix.
Hope this helps.
If you have further queries, let us know.
Thank you.
February 24, 2020 at 6:40 am #116974Denis DohenyParticipantThank you for the quick reply. That worked! I’ve added a rounded box too.
Quick side question – how do I get the link NOT to go to white on hover?
Regards the colour of the links in posts and pages, you can see an example here:
I want to change the orange to another colour, I’ll go with #0a1665.
The orange works fine on mobile, but is hard to read on laptops. So I think a dark blue is safe.
So I want this to be a global change, so for all blog posts and pages…links are #0a1665.
Thanks for this. The support has been great.
February 24, 2020 at 7:07 am #116975wensolutionsKeymasterHello,
Regarding your query, to change the color as per your requirement you can add CSS following the path Admin Panel > Appearance > Customize > Additional CSS for the blogs and posts.
article .entry-content a { color: #0A1665; }
You can change color as per your requirement.
Regarding your other query, ” how do I get the link NOT to go to white on hover? ” please provide us the screenshot marking which section are you mentioning so that we can provide you with the precise fix.
Hope this helps.
Regards.
February 24, 2020 at 7:41 am #116979Denis DohenyParticipantThat’s great. Worked perfect.
So the final thing is the the hover for the main slider on the homepage
http://scoilrathdowney.ie/.main-slider-contents .title a {
color: #0a1665;
}I want this not to change colour to white on hover.
Thanks again.
February 24, 2020 at 11:54 pm #117005wensolutionsKeymasterHello,
To change the color of the link on hover, you can add CSS following the path Admin Panel > Appearance > Customize > Additional CSS
.main-slider-contents .title a:hover { color: #af2626; }
You can change the color as per your requirement.
Hope this helps.
If you have any queries, let us know.
Thank you.
-
AuthorPosts
- You must be logged in to reply to this topic.