Changing box colour

  • Resolved django16

    (@django16)


    6 years, 8 months ago

    I like the box colour to be pink on hover and when selected.

    Just the same as the colour of the closed and open eyes.

    Also the edge of the box should be the same colour.

    I copied some css from another topic but still haven’t got the results I need.

    Also in the box the date, author category etc. are also pink when hovered but these should stay unaltered.

    Please give me some pointers on how to change this.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • What do you mean by the box colour, the whole big FAQ area? That would be something like:

    .ufaq-faq-display-style-Border_Block .ufaq-faq-body {
background: #f05c96;
}

    If you mean just the question/title part, it looks like you mostly figured out, except the background of the text is blue. That could probably be corrected with something like:

    .ufaq-faq-display-style-Border_Block:hover, .ufaq-faq-display-style-Border_Block:hover a, .ufaq-faq-display-style-Border_Block:hover h1, .ufaq-faq-display-style-Border_Block:hover h2, .ufaq-faq-display-style-Border_Block:hover h3, .ufaq-faq-display-style-Border_Block:hover h4, .ufaq-faq-display-style-Border_Block:hover h5, .ufaq-faq-display-style-Border_Block:hover h6 {
background: #f05c96;
}
.ufaq-faq-display-style-Border_Block.ewd-ufaq-post-active, .ufaq-faq-display-style-Border_Block.ewd-ufaq-post-active a {
background: #f05c96;
}

    And for the links inside the FAQ body on hover, you can try something like:

    .ufaq-faq-display-style-Border_Block:hover a {
background: transparent;
}
    Thread Starter django16

    (@django16)

    Hi, thanks for your response.

    The only thing that still stays blue is the edge/border of the answer box.

    And if you move your pointer out of the (answer) box, the date, author category etc. have again a pink background, these should stay unaltered.

    Hi django16,

    Can you add this CSS after the current code in the “Custom CSS” box in the Basic settings:

    .ufaq-faq-display-style-Border_Block.ewd-ufaq-post-active .ufaq-faq-body a {
    background: none;}

.ufaq-faq-display-style-Border_Block .ufaq-faq-body {
    border: 3px solid #f05c96;
    border-bottom: 2px solid #f05c96;}
    Thread Starter django16

    (@django16)

    Hi,

    This is it!

    It looks great now.
    Thanks for your awsome support.

    Have a nice day..

    Greetz Django

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Changing box colour’ is closed to new replies.