Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 21, 2017 at 2:31 pm #736765
    Robcmatthews

    If you look at this page. http://www.wholebodyliving.co.uk/ above the section KEY PROGRAMME DETAILS
    I have inserted a separator full width and I want it to be about 10 px in height and red in color and WHOLE width of the page edge to edge.
    I set the custom.css and quick css for the class name RedDivider and it doesnt work even with I use the !important modifier.
    Then I went to code and found the ID for the container and tried to access that through quick.css….no joy.

    thx
    Rob

    • This topic was modified 7 years, 10 months ago by Robcmatthews.
    January 25, 2017 at 2:14 am #738058
    Nikko

    Hey Robcmatthews,

    I tried to find the RedDivider when viewing the page source but I couldn’t find any, though I can see the pink line above Key Programme Details and 16px in height. I think you have already achieved it.

    Best regards,
    Nikko

    January 31, 2017 at 11:14 am #740558
    Robcmatthews

    Thx Nikko, I find a siolotion. Now I have a button question.
    I added a button here http://www.wholebodyliving.co.uk/
    I added a css class added some css in quick css.
    .ButtonBorder
    {
    border-style: solid;
    border:2px;
    border-color: #ff0000 #0000ff;
    }

    i checked and it is inherited but the behaviour unaffected….

    Any ideas?

    February 2, 2017 at 6:14 am #741557
    Rikard

    Hi,

    Try the following instead:

    .ButtonBorder {
  border:2px solid #0000ff;
}

    If you want to learn basic CSS then we can recommend W3 Schools: http://www.w3schools.com/

    Best regards,
    Rikard

    • This reply was modified 7 years, 9 months ago by Rikard.
    February 2, 2017 at 10:49 am #741699
    Robcmatthews

    Hi Rikard,
    This doesn’t work either, its getting overridden somewhere…

    February 3, 2017 at 7:58 am #742216
    Rikard

    Hi,

    Ok, please try to add the important statement to it to see if that works better:

    .ButtonBorder {
  border:2px solid #0000ff !important;
}

    Best regards,
    Rikard

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