Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 4, 2017 at 11:40 am #860090
    Dotplusgeert

    Hi,

    I’m using Enfold theme, very happy with it!
    I want to add a white box behind some words on my website.
    See this example: http://www.dotplus.be -> GRAFISCH ONTWERP RECLAME & ADVIES COÖRDINATIE
    How can I do this?

    Thanks!

    October 4, 2017 at 5:59 pm #860244
    Victoria

    Hey Dotplusgeert,

    I am seeing this
    https://cl.ly/0G2U1T0T3K0T

    Is this what you need or do you want is different?

    Best regards,
    Victoria

    October 6, 2017 at 12:28 pm #860972
    Dotplusgeert

    Hey Victoria,

    That is exactly what I need! :) Do you have some html code or something to do this?
    So that it’s only on the words that I want…

    Thanks in advance,

    Sara

    October 7, 2017 at 6:18 am #861322
    Rikard

    Hi Sara,

    I’m not sure what you mean by your last post, the screenshot Victoria posted is how your site currently looks. If you are not seeing what is in the screenshot then please try clearing your browser cache and reload the page.

    Best regards,
    Rikard

    October 12, 2017 at 9:44 am #863279
    Dotplusgeert

    Hi Rikard,

    I wasn’t clear enough. Our website has been made by a freelance webdesigner in Drupal.
    Now I am re-making our website on another domain, but it will look the same.
    Therefor I have to know how to make the white boxes behind the text, like in the screenshot.

    Hope I’m clear enough now :)

    Kind regards,

    Sara

    October 12, 2017 at 12:55 pm #863391
    Victoria

    Hi Sara,

    Could you please give us a link to your website, the one that you’re working on now, we need more context to be able to help you.

    Best regards,
    Victoria

    October 18, 2017 at 3:28 pm #865758
    Dotplusgeert

    Hi Victoria,

    We’ve updated our website: http://www.dotplus.be
    You can see that in the dark blue box the words ‘GRAFISCH ONTWERP’ ‘RECLAME EN ADVIES’ and ‘COÖRDINATIE’ are still in black, but there have to be a white box behind it (like the screenshot you send on the 4th of October). Hope I’m clear enough.

    October 19, 2017 at 6:09 pm #866371
    Victoria

    Hi Dotplusgeert,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.avia-builder-el-11 .av_textblock_section .avia_textblock p, 
.avia-builder-el-15 .av_textblock_section .avia_textblock p,
.avia-builder-el-19 .av_textblock_section .avia_textblock p {
    text-align: right;
    background-color: #fff;
    width: auto;
    max-width: 200px;
    float: right;
    padding: 5px;
    margin-top: 17px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 20, 2017 at 12:19 pm #866681
    Dotplusgeert

    Wauw, it worked! Thank you so much!!

    October 20, 2017 at 4:00 pm #866755
    Jordan Shannon

    Hi,

    Great! If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘white box behind text’ is closed to new replies.