Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 20, 2015 at 11:40 am #490665
    Steven_Haines

    I know that this has been dealt with before but I am still having problems.
    I want to set the background colour of a specific Text Block to the same colour as a Notification, currently Neutral (light grey).

    I have turned on custom CSS class fields and the field appears as expected at the bottom of the Text Block dialogue. I give the Text Box a Custom CSS Class of sp-silverbackground

    Then in the Quick CSS field I entered
    #top .sp-silverbackground {
    background-color: #f8f8f8;
    }

    Unfortunately, there is no background colour on the text block when I load the page. In case it helps, the Text Box is in a 1/2 element inside a Color Section with a background image set for parallax scrolling.
    I also tried
    #top .sp-silverbackground {
    background-color: #f8f8f8;
    border-color: #e1e1e1;
    color: #444;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    }
    in the Quick CSS field but that didn’t make any difference.

    Any help would be greatly appreciated.

    August 20, 2015 at 7:03 pm #491015
    Elliott

    Hi Steven_Haines!

    Try using the !important override like so.

    a { color: red !important; }

    Go ahead and send us a link to your page and we’ll take a look.

    Best regards,
    Elliott

    August 21, 2015 at 4:38 am #491154
    Steven_Haines

    Elliott, thank you for the suggestion but, unfortunately, it didn’t work.

    At the moment, the site is running on a VM on my desktop machine (Bitnami WordPress stack) so I don’t know any way to give you access. I know that is not helpful to you but I hope that we can still solve the problem.

    Is there any other information I can send that might help such as the relevant part of the page source or some CSS information from inspecting the element?

    Steven

    August 21, 2015 at 5:34 pm #491514
    Elliott

    Hey!

    You could take a screenshot but I would probably need to see it in action to figure out what’s going on.

    If your not already using Firebug then I would check it out, http://getfirebug.com/, it makes it very easy to troubleshoot CSS issues.

    Regards,
    Elliott

    August 22, 2015 at 9:14 am #491690
    Steven_Haines

    Elliott

    Thanks for the reply. I’ve looked at the output from Firebug and similar tools but, as far as I can see with my strictly limited knowledge of CSS, things look as expected. The relevant avia css is listed as 1 and the custom sp-silverbackground is listed as 2 in the CSS list for the element.

    Unless you have a brainwave in the meantime, I’ll change the page design to work around this until I can get the site onto an internet facing server. Hopefully, you’ll be able to see what is happening then.

    August 24, 2015 at 3:41 pm #492272
    Elliott

    Hey!

    Ok, let us know when your finished.

    Regards,
    Elliott

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