Semy Transparent Background - Question | JoomShaper

Semy Transparent Background

L

Leon

Template 1 month ago

Hello, i want some transerant background at a picture behind some text. Then this is better to read! Look at this page: https://glasmarte.nl/indoor i want it like this: https://jug043.nl/ This is on the homepage with some test and semy transparent background. I cannot find any options to get this working. i am using the revide template and the addon is Heading

0
4 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 month ago #151991

Hi Leon,

On your example site (jug043) they used: image background and transparent bg color for text objects.


In your case, for example, you can use:

.addon-root-heading .sppb-addon.sppb-addon-header {
  background: rgba(255,255,255,0.5);
}

But remember that remove all unnecessary html tags from titles. You can read more about background RGBA colors from CSS guides (NL, EN). Above code you can use only on selected pages, just paste into Page Settings > Page CSS area.

0
L
Leon
Accepted Answer
1 month ago #152016

Thanks for the code! Those simple things you should be able to change it in a menu. I did buy joomshaper every year because i am not a programmer. May be there is another solution inside of joomshaper? Another addin? At this moment the blocks a big and a the left and right side nog the same.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 month ago #152032

CSS =/= PHP // so you don't have to be a programmer ;)


Yes, there is alternative... Image Layouts and maybe that style

info_2466_2024.gif

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 month ago #152033

To correct left area - just remove left padding, now you have 20px, set 0px - for each 3 addons!

info_2467_2024.gif

0