Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • October 4, 2019 at 3:23 pm #1144995
    mynick

    Hi Enfold,

    ISSUE#1
    Throughout my website all links are not underlined, unless you hover over them. This is exactly what I want.
    But… on the homepage there are 2 links that are always underlined… And I dont understand how.

    Would you mind taking a look?

    SCREENSHOT: https://imgur.com/a/Ngld0uR

    ISSUE#2
    With some CSS in the ‘Quick CSS’ settings I created a ‘white border’ between my side-navigation and the actual website. Unfortunately on mobile it doesn’t look that great.

    Would somebody be okay with diving into this?

    SCREENSHOT: https://imgur.com/a/Ngld0uR

    Both issues should be fairly straight forward, but I couldnt find the solution.

    Any help is welcome

    October 4, 2019 at 3:51 pm #1145003
    Guenni007

    Guess your images are wrong numbered above:

    issue#2:
    put the rule with the header right border into media query:

    @media only screen and (min-width:768px) {
	#header {
	    border-right: 20px solid white;
	}
}

    issue’1 : … find:

    #top .av_inherit_color a {
 text-decoration:underline
}

    delete it – the hover rule is active on that without the rule

    October 5, 2019 at 5:36 am #1145209
    Rikard

    Hi mynick,

    Thanks for the screenshots, could you post a link to where we can see the elements in question if the CSS posted by @guenni007 doesn’t work please?

    Best regards,
    Rikard

    October 5, 2019 at 8:01 am #1145221
    Guenni007

    you can see the logo in the screenshot and that subheading. that’s obvious enough.

    October 5, 2019 at 4:49 pm #1145316
    Victoria

    Hi mynick,

    Could you please give us a link to your website, we need more context to be able to help you.

    Did you get it working for you?

    Best regards,
    Victoria

    October 6, 2019 at 8:26 pm #1145500
    Guenni007

    Doesn’t seem to have been in a hurry.

    October 6, 2019 at 9:08 pm #1145529
    Victoria

    Hi mynick,

    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

    
@media only screen and (max-width: 767px) {
    #header {
        border: none;
    }
}


    @Guenni007     Thank you :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 7, 2019 at 8:52 am #1145681
    mynick

    Thank you everybody for the help!

    Good news: Issue#2 is fixed. This leaves us with Issue#1.


    @Rikard    : The 2 links on the screenshots can be found on the homepage. Link listed below.

    @Guenni007    : It actually is urgent. We just dont work on weekends. This was my first job (now) monday morning :D. Thanks for the help!

    @Victoria    : Your CSS (issue#2) worked perfectly. Thank you.

    Would somebody mind taking a look at issue#1?

    (All info in private data.)

    October 7, 2019 at 2:11 pm #1145772
    Rikard

    Hi,

    Thanks for the update. Please try this CSS as well:

    #top .av_inherit_color a {
    text-decoration: none;
}

    Best regards,
    Rikard

    October 7, 2019 at 2:53 pm #1145795
    mynick

    Thank you Rikard.

    I used your solution and added
    `#top .av_inherit_color a:hover {
    text-decoration: underline;
    }

    Works perfectly. Topic can be closed ;).

    October 7, 2019 at 3:25 pm #1145819
    Victoria

    Hi mynick,

    Glad you got it working for you! :)

    Best regards,
    Victoria

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘2 CSS issues’ is closed to new replies.