Home › Forums › Pro Themes › Kids Education Pro › Changes to CSS not appearing

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 22, 2020 at 6:36 pm #116908
    Denis Doheny
    Participant

    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 #8502c2

    On 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 #116957
    wensolutions
    Keymaster

    Hello,

    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 #116974
    Denis Doheny
    Participant

    Thank 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 #116975
    wensolutions
    Keymaster

    Hello,

    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 #116979
    Denis Doheny
    Participant

    That’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 #117005
    wensolutions
    Keymaster

    Hello,

    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.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.