opaque background behind text

  • M-323

    (@m-323)


    10 years, 8 months ago

    hi. I’d like to have a 20% opaque background behind text but in front of background image.

    its hard to read the text on the page due to the background so I want the text box to have a, say, 20% screen behind it. How do you do that?

    what I did so far was enter {
    background: rgba(255, 255, 255, 0.8);
    }

    in the custom css box but that makes the whole area opaque.. I just want a box behind the actual text.

    Also, is there a way to make the background image only on the main page? When I change the background image, all the pages follow suit.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Bojan Radonic – WPMU DEV Support

    (@wpmudev-support4)

    10 years, 8 months ago

    Hey there M-323,

    How are you doing today?

    The code you’re adding represents white color with 80% opacity making it slightly transparent.

    Now with that being said what you missed posting here is the selector that you’re using this property on. What I’m trying to say is that by adding this to specific selector such as some sort of content wrapper should do the trick.

    In order to help you more please post link to your site so I can take a look.

    Also for your background image I’m assuming we should be able to hide that image on all pages aside from home page with some custom CSS too, please post link to your site and let me know which image you’re referring to 🙂

    Cheers,
    Bojan

    Thread Starter M-323

    (@m-323)

    10 years, 8 months ago

    Bojan, thanks for your reply. I think I remedied it with this code

    <span style=”font-weight: 400; color: #000000; background: rgba(255, 255, 255, 0.5);padding: 25px;
    border: 25px;border-radius: 25px;
    margin: 25px; “>My Text</span>

    my next question is how to add tax percentages for our area.
    I assume we don’t need to add tax for other regions as they are added when the product gets shipped?

    2) the selector you are mentioning, I don’t know where to change the colour of text for the products cost… eg, if a product is $29.95, the text shows up very light and unreadable.

    the “selector” for this, allows me to change the price but not the colour of the price.

    to me, this is like learning a new language.

    Bojan Radonic – WPMU DEV Support

    (@wpmudev-support4)

    10 years, 8 months ago

    Hey again,

    I assume we don’t need to add tax for other regions as they are added when the product gets shipped?

    I really don’t have an answer to this question, you might want to consider opening a thread on a plugin specific forum, depending which plugin you’re using for your shop.

    the selector you are mentioning, I don’t know where to change the colour of text for the products cost… eg, if a product is $29.95, the text shows up very light and unreadable.

    Please post link to the page where you have this and let me know which color you want to change.

    Best regards,
    Bojan

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

The topic ‘opaque background behind text’ is closed to new replies.