1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Link colors

Discussion in 'Basic Support Forum' started by Charlie Owen, Mar 28, 2018.

  1. Charlie Owen

    Charlie Owen Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin

    I can't seem to get any link effects to work on a per section basis

    Add this to the main css and works fine however is global throughout the site (i'd prefer to apply it to the sections I wish to have the effect - but adding to the section css does nothing)

    Css i'm using

    a,a:link,a:visited,a:hover,a:active{
    text-decoration:none;
    color:#81b3d2 !important;
    }
    a:hover{
    color:#d73444 !important;
    }

    Help! :)
     
    #1 Charlie Owen, Mar 28, 2018
    1. PRO MEMBER PERKS Divi Block Pro - Premade card carousel design for your Divi site without using any plugins:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    One of the way is that you add a custom CSS class to the section & your CSS add the custom class.

    For example:

    .your-section-css a:hover{
    color:#d73444 !important;
    }
     
    #2 Divi.Help Pro Support, Mar 28, 2018
  3. Charlie Owen

    Charlie Owen Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin

    Sorry, a little confused by that.

    What do I add exactley and where?

    There's multiple locations for a section CSS (before main and after) and where do I find the text to replace ".your-section-css" is it ".et_pb_section_1" ?
     
    #3 Charlie Owen, Mar 28, 2018
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Tons of elegant premade sidebar styles to choose from for your Divi site:Learn More
  4. Charlie Owen

    Charlie Owen Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin

    This is why I want this

    https://i.gyazo.com/5c07be1f22626b362e09a9611d6a091d.png

    I want hyperlinks to be green in sections where there is a black background and white on the slide out menu

    As you can see all the links are invisible on the menu as its the same green im using in the section.
     
    #4 Charlie Owen, Mar 28, 2018
  5. Charlie Owen

    Charlie Owen Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin

    FYI I can get it working using styles (a style=test href="....) - but would be nice to know how to do it by divi section
     
    #5 Charlie Owen, Mar 28, 2018
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Industrial' Divi layout for all Pro members:View Demo
  6. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    I'll try to explain with screenshot. Let's say if your text module link want to have different hover color, then first you need to add custom CSS Class in it. See the screenshot below:

    upload_2018-3-29_11-20-34.png

    Next you would need to add Custom CSS at Divi -> Theme Options:
    Code:
    Log In or Sign Up to view this code.
     
    #6 Divi.Help Pro Support, Mar 28, 2018
  7. Charlie Owen

    Charlie Owen Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin

    OK that explains it much better - thanks, i'll give it a go
     
    #7 Charlie Owen, Mar 28, 2018
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Custom Divi Builder header on desktop + default slide in / fullscreen menu on mobile:Learn More
(You must log in or sign up to post here.)