Header Opacy Problems

  • Author
  • #1366


    I´m using ultra theme, which is awesome btw, I´m new on this wordpress web design, when I activated the ultra theme the opacy of the header just worked for the home page, and in the other pages it was absolute white with no opacy I used the css editor so I can have opacy in all the pages , It worked!!!! but my problem now is the gray background in the very top of the pages (excluding Home page) as you can see on the following page:


    If you scroll down, you will see that the opacy is working, below is the code I´ve try to change that gray color I´m talking about:

    /* Site Header */
    .site-header {
    background: #fff;

    @media (min-width: 1024px) {
    .site-header {
    background: rgba(255,255,255,0.9);

    /* Main Page Slider */
    .main-slider {
    background: #fff;

    /* Top Bar */
    .top-bar {
    background: #fff;

    But it is not working, could you help me please???

    And also I want to know if it is possible to have the widget of slides mounted in the very top of the pages as it is on the home page, just below the header with no blank spaces



    the gray thing Im talking about is just behind the header once you open the page,


    Andrew Misplon

    Hi artvaz

    Thanks for reaching out and for giving Ultra a try. Really glad to hear it’s proving useful for your project.

    I’ve got an update on the way that will introduce the opacity controls you’re looking for, the controls that should already there 🙂

    Just a quick reminder that I send out regularly; all WordPress themes completely overwrite themselves when updating. To keep your CSS changes upgrade safe it’s important to not make any edits via Appearance > Editor. Inserting your Custom CSS into a plugin like Simple Custom CSS is the way to go:

    Simple Custom CSS

    It looks like you’re running Vantage at the moment. That’s awesome, I’m sure you’ll also find it useful. If you need a hand with Vantage you can also find me over at the SiteOrigin forums, although we’re a little behind at the moment. Just in case you’d like to return to Ultra at some point, I’ll run through your questions below.

    Setting Header Opacity

    A theme setting is on the way. For now, header opacity can be set with:

    /* Site Header: Theme setting coming in 0.9.4 */
    .site-header {
      background: rgba(255, 255, 255, 0.9);

    The grey showing through is a problem I’ve fixed in the upcoming update. You can resolve by adding the following:

    /* Page Background Color: Can remove after 0.9.4 */
    #page {
      background: #fff;

    Page Slider

    It’s possible to add a Meta Slider to any page, in the same position as the home page, using the Page Slider drop down. Edit any page and you’ll find it in the right column.

    For a full Meta Slider run through, please see the documentation here: https://purothemes.com/documentation/ultra-theme/meta-slider/.

    If you’re asking if you can instead insert the SiteOrigin Carousel widget in that same position…sure, I can help. It’ll require a little work though but I’m sure we can do it.


    I’m not sure I hit all of your questions. If you decide to move back to Ultra, let me know and I’ll help out wherever possible.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

Scroll to top