Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • November 17, 2017 at 5:11 pm #878203
    dalboslampen

    Hi,
    On this site:https://www.finansforbundet.no/tillitsvervet/

    all my links within text gets underlined. I would like to not have underline on links

    November 17, 2017 at 6:57 pm #878250
    Victoria

    Hey dalboslampen,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
a:hover, a:focus, a:visited, #top .av_inherit_color a {
    text-decoration: none !important;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    November 17, 2017 at 7:53 pm #878277
    dalboslampen

    Thank you very much!

    And how can I control the hover over color of this link?

    November 18, 2017 at 9:12 am #878422
    Nikko

    Hi,

    you can add:

    color: #fd0101 !important;

    after the text-decoration in the code Victoria gave, it should look like:

    a:hover, a:focus, a:visited, #top .av_inherit_color a {
    text-decoration: none !important;
    color: #fd0101 !important;
}

    Best regards,
    Nikko

    November 18, 2017 at 10:15 am #878441
    dalboslampen

    Hi,
    Sorry – but that did not work. I only want to alter the hover over color in the green boxs on the right side. The provided code affects the entire site, even the wordpress admin links. It didnt give a color hover change either – just changing the a link.

    November 20, 2017 at 11:24 am #879049
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .menyfelt a:hover {
    color: #fd0101!important;
}

    Best regards,
    Yigit

    October 22, 2018 at 7:24 pm #1025065
    neverstar

    I can’t get this to work at all, and I am struggling with custom classes in general.

    .ajp-speacialheading {
    a:hover, a:focus, a:visited, #top .av_inherit_color a {
    text-decoration: none !important;
    }

    Not only does it not remove the underline, it kicks my header into two lines.

    (I’ve only done this on my custom side nav on the top one to test it out, I can make it do other things just not remove underline, and that’s all I want for that section

    Builders & Contractors

    October 22, 2018 at 9:01 pm #1025110
    Jordan Shannon

    Hi,

    Have you tried adding the code to the very top of quick css so it runs first and clear the cache a few times over.

    Best regards,
    Jordan Shannon

    October 22, 2018 at 9:12 pm #1025122
    neverstar

    I didn’t realize quick css was run in priority!

    I did figure it out on my own by inspecting the element in chrom (SO proud of myself haha)

    #top .custom-color-heading a {
    text-decoration: none;
    }

    NOW what i can’t figure out is how to do one of the following:
    on that same page in the main header i am trying to change the special ampersand and some elements on the page to orange

    I cheated this on the original page but changing <mark></mark> to blue (lame i know but it’s the only way i could do it)

    How can i add inline styles like <mark> and then change them per page OR how can i have special colors and styles i just call on when i need them without breaking everything? I am loving this and i am getting better but certain things trip me up.

    1. how do i change special elements like <mark></mark> per page
    2. Can i create my own special elements and add them to the css? for example <orange></orange>
    3. what does #top control and do in CSS

    thanks a million

    • This reply was modified 6 years, 1 month ago by neverstar.
    October 22, 2018 at 9:16 pm #1025124
    dalboslampen

    –

    October 22, 2018 at 9:17 pm #1025126
    Jordan Shannon

    Hi,

    You can use the span element and simply add a class to them as opposed to making up tags. That could get confusing down the line as they are not semantic.

    Top control brings the page back to the top when added to a link.

    Best regards,
    Jordan Shannon

    October 22, 2018 at 9:26 pm #1025130
    neverstar

    ok then how would i change elements that are already active on individual pages. For example if i wanted to change the mark tag on a pageid

    I haven’t been able to get it to work

    i’ve tried both of these

    .page-id-2731 .all_colors mark {
    color: #f37027;

    .special_o {
    color: #f37027;
    }

    October 22, 2018 at 9:30 pm #1025134
    Jordan Shannon

    Hi,

    Well what you have above is malformed(missing a bracket). You would need it more like this:

    .page-id-2731 .all_colors mark {
color: #f37027!important;
}
.page-id-2731 .special_o {
color: #f37027!important;
}

    Best regards,
    Jordan Shannon

    October 22, 2018 at 9:33 pm #1025135
    neverstar

    Jordan, amazing. Now i can do that with all elements. so much appreciated. I shouldn’t have missed that.

    October 22, 2018 at 10:17 pm #1025154
    Jordan Shannon

    Hi,

    No problem at all my friend. Did you need additional help, or shall I close this thread?

    Best regards,
    Jordan Shannon

    October 23, 2018 at 1:33 am #1025199
    neverstar

    Ok learned that if i close the edits in advanced styling it removes the modifications. Neat. lol

    Close the thread and thanks again

    • This reply was modified 6 years, 1 month ago by neverstar.
    October 23, 2018 at 1:55 am #1025204
    neverstar

    I need to take a course on CSS ASAP, i get the very basics, but style overrides and priorities I need to figure out.

    Cheers

    • This reply was modified 6 years, 1 month ago by neverstar.
    October 23, 2018 at 7:18 am #1025259
    Nikko

    Hi neverstar,

    Yes that would surely help, you can find a lot of resources online like: https://www.w3schools.com/css/ or you can check out youtube for video tutorials.
    Feel free to create a new thread, if you need further assistance.
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘Remove / hide underline on links in text’ is closed to new replies.