Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 5, 2018 at 8:17 am #981455
    ehdavies

    I have some text over an image that I am trying to make stand out. The text is in a text block in a column in a colour section (which has the background image).

    I have used this CSS:

    .white-bar{
    opacity:0.5;
    }

    but the text washes out rather than standing out.

    Can you help me please? At the same time can you advise on 2 related issues
    1. The bottom of text block aligns with the bottom of the colour section on desktop and tablet landscape view but a gap appears on tablet portrait and mobile views. How can I remove this gap please?
    2. How can I reduce the line spacing on the 2 lines of text in the text block please.

    Details are in the private area.

    Thanks as always for your help.

    Huw

    July 6, 2018 at 6:31 am #981832
    Rikard

    Hey ehdavies,

    The link you posted leads to a 404 page, please check and post again.

    Best regards,
    Rikard

    July 6, 2018 at 9:39 am #981930
    ehdavies

    Hi Rikard
    I’ve tried the URL again at my end and its working ok. Do you mind trying one more time please?
    Thanks for your help.
    Huw

    July 6, 2018 at 7:36 pm #982205
    Victoria

    Hi Huw,

    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

    
.white-bar {
    opacity: 0.8;
}

    As for the other issues, could you please attach some screenshots?

    If you need further assistance please let us know.

    Best regards,
    Victoria

    July 8, 2018 at 6:29 am #982631
    ehdavies

    Hi Victoria
    Thanks – that looks better now. I’ve sorted the text box gap problem with a negative margin on the bottom of the colour section that includes the text box.

    I’ve tried to reduce the space around the text in this text box using this CSS but its not working?

    .white-bar{
    opacity:0.8;
    margin-top:9px;
    margin-bottom:9px;
    }

    What am I doing wrong please?

    Thanks

    Huw

    July 8, 2018 at 7:06 pm #982771
    Victoria

    Hi Huw,

    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

    
.flex_column.av_one_full.flex_column_div.avia-builder-el-7 {
  height: 45px;
}
.flex_column.av_one_full.flex_column_div.avia-builder-el-7 .avia_textblock {
    line-height: 1em;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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