Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #1422232

    Hi Enfold team
    Please could you help me out with an css-code for text being underlined when linked:
    The underlinement should only be adjusted for:

    Content elements

    – Body text
    – Accordion
    – clickable links like phone numbers and e-mail in footer

    The underlinement should be:
    Font colour: #444444
    Underline: #444444
    Active: Underlined
    Mouseover:: Underlined

    There is already this css inserted, but it needs rewrite:

    #top p > a:hover {
    text-decoration: underline;
    }

    Many thanks’
    Best regards
    Lene

    #1422240

    Hey Lene,

    Please try the following in Quick CSS under Enfold->General Styling:

    #main a {
      text-decoration: underline;
      color: #444;
    }

    Best regards,
    Rikard

    #1422360
    This reply has been marked as private.
    #1422394

    Hi,

    Please try this CSS as well:

    .single_toggle p:hover {
      text-decoration: underline;
    }
    
    .avia-button-wrap a {
      text-decoration: none;
    }

    Best regards,
    Rikard

    #1422400
    This reply has been marked as private.
    #1422440

    Hi Lene,

    Please go to Enfold (Theme Options) > Performance > CSS File Merging And Compression and select Disable – no CSS file merging and compression and save.
    Let us know if it helps.

    Best regards,
    Nikko

    #1422631
    This reply has been marked as private.
    #1422675

    Hi,

    Please try this CSS instead:

    .avia-button-wrap a {
      text-decoration: none !important;
    }
    
    .single_toggle p.toggler:hover {
      text-decoration: underline;
    }

    Best regards,
    Rikard

    #1422800
    This reply has been marked as private.
    #1422910

    Hi,

    1. Please try the following in Quick CSS under Enfold->General Styling:

    .avia-buttonrow-wrap a.avia-button {
      text-decoration: none !important;
    }

    2. Please try the following in Quick CSS under Enfold->General Styling:

    p.toggler {
      text-decoration: underline !important;
      color: #444;
    }

    3. Where exactly are you seeing that?

    4. I’m not sure what you mean by this, could you post a screenshot highlighting your intentions please?

    Best regards,
    Rikard

    #1423001
    This reply has been marked as private.
    #1423138

    Hi,

    2. I can see the code applying on my end, please try checking in a private browser window.

    3/4. I’ve added code for you.

    Best regards,
    Rikard

    #1423390
    This reply has been marked as private.
    #1423715

    Hi,

    The login details you provided are not working anymore, please check.

    Best regards,
    Rikard

    #1423888
    This reply has been marked as private.
    #1423964

    Hi,

    Thanks for that.

    2. You have this under Appearance->Customize->Extra CSS:

    #top .av_toggle_section a {
      color: #dac7a6!important;
    }

    Please change to the correct colour there.

    4. It looks correct on my end, please see screenshot: https://snipboard.io/EO2cfl.jpg. Please try clearing your browser cache, or try opening the site in a private browser window.

    Best regards,
    Rikard

    #1424119
    This reply has been marked as private.
    #1424361

    Hi,

    2. I changed the CSS for you, and it’s working as expected. The colour won’t change unless you actually change the CSS I referred to.

    3. Please see screenshot: https://snipboard.io/fXa8ht.jpg

    Socket; I’m not sure what you are referring to, please try to be a bit more specific.

    Best regards,
    Rikard

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