Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • March 28, 2019 at 8:48 pm #1084254
    Sandy

    The Enfold, General Styling, Main Content, Border colours field determines the border colour. This works for most of my borders, but I need one border to be a different colour (a Separator/White Space item). I’ve added this to Custom CSS:

    /*To make line blue on why page*/
    .lineblue {
    border: 1px solid #0f206c; !important;
    }

    And added this into the Separator/White Space Custom Class box:
    lineblue

    But it’s still the colour designated in General Styling. How can I get the Custom CSS to override the General Styling?

    March 29, 2019 at 3:31 am #1084417
    Jordan Shannon

    Hey m,

    Please provide a link to the site/page in question so we can look into this issue further.

    Best regards,
    Jordan Shannon

    March 29, 2019 at 4:20 pm #1084613
    Sandy

    Thank you.

    April 1, 2019 at 6:03 am #1085269
    Nikko

    Hi m s,

    I think you have an extra ; just before the !important, try changing it to:

    #top .lineblue {
  border: 1px solid #0f206c !important;
}

    Hope this helps.

    Best regards,
    Nikko

    April 1, 2019 at 4:31 pm #1085567
    Sandy

    Thank you, this makes the border blue, how do I get the line inside the border to be blue?

    April 1, 2019 at 5:50 pm #1085589
    Jordan Shannon

    Hi,

    Add this to quick css:

    .main_color .hr.hr-default span.hr-inner{
border:.5px solid #0f206c !important;
}

    Best regards,
    Jordan Shannon

    April 1, 2019 at 7:51 pm #1085681
    Sandy

    Thank you, that works. The line is thicker though, I’d prefer if it was just the original 1px thickness in total.

    April 1, 2019 at 9:25 pm #1085708
    Jordan Shannon

    Hi,

    Just adjust it to this:

    .main_color .hr.hr-default span.hr-inner{
border:1px solid #0f206c !important;
}

    Best regards,
    Jordan Shannon

    April 1, 2019 at 11:10 pm #1085732
    Sandy

    Sorry, I’m not making myself clear. Changing the border from 0.25px to 1px makes the line thicker still. What I want is for the line to not get any thicker at all and to not have a border; for the line to simply be a different colour without adding a border to it.

    April 2, 2019 at 5:29 am #1085835
    Nikko

    Hi m s,

    I have checked your site and it seems you have already done this.
    Let us know if you need further assistance.

    Best regards,
    Nikko

    April 3, 2019 at 3:45 pm #1086597
    Sandy

    No, I haven’t done this. The upper line near the top of the cyan background section become thicker when your css is added, because it’s not simply changing the line colour to blue, it’s adding a 1px blue border:
    .main_color .hr.hr-default span.hr-inner{
    border:1px solid #0f206c !important;
    }

    View the thickness of the line in the bordered box below – that is how thick the upper line is when the css code is removed. If you paste in the CSS code, the upper line becomes thicker.

    Is there a way to simply change the colour of the upper line without adding a border that makes it thicker?

    April 4, 2019 at 6:11 am #1086762
    Nikko

    Hi m s,

    Try using this css code:

    #top .lineblue .hr-inner {
    border-top: 0.25px solid #0f206c !important;
}

    Best regards,
    Nikko

    April 4, 2019 at 10:42 pm #1087234
    Sandy

    Thank you so much. I apologize for not being more clear from the beginning.

    April 5, 2019 at 2:55 am #1087268
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Custom CSS needs to override General Styling for Separator colour’ is closed to new replies.