Support Forums

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

How to use background image website to transparent on some area?

Featured Lock Resolved Issue
Hi support,

Please see the attached picture.
How to use the same image background website to transparent in that picture?
Picture there is already transparent picture located at SP Page builder.

Thanks for help

Attachments (1)

  • 8-11-2561 8-08-04.jpg
    8-11-2561 8-08-04.jpg 358.5 KB

7 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Tip #2 (which should work):


body { background-color: transparent; }
.layout-boxed .body-innerwrapper { background: rgba(70,55,52,0.8) !important; }


Please confirm and click "Accept As Answer " if OK

Attachments (1)

  • bg-color.jpg
    bg-color.jpg 84.1 KB

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
yes, it's possible.
you have to make body wrapper area transparent (or almost transparent), I think it's the best way.

Tip #1: https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action

mongkol

More than a month ago #Permalink
Tip #2 (which should work):


body { background-color: transparent; }
.layout-boxed .body-innerwrapper { background: rgba(70,55,52,0.8) !important; }


Please confirm and click "Accept As Answer " if OK


Great! but It works on every menu.
If I want to show this only some menu, how can I setup the code.
Thanks.
PS: I paste your code to custom.css

Paul Frankowski - Staff

More than a month ago #Permalink
in that case in 2nd line you have to add also unique page ID class name


.itemid-115.layout-boxed .body-innerwrapper { background: rgba(70,55,52,0.8) !important; }




*115 --- is ID of menu item, you can find in Menus: Items Manager in last column



id.png

Attachments (1)

  • id.png
    id.png 15.2 KB

mongkol

More than a month ago #Permalink
Hi Paul Frankowski,
It works. :)
Thank you very much

Paul Frankowski - Staff

4 weeks ago #Permalink
you're welcome


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 217
Sifat

Sifat

Total Accepted Answers: 133
Toufiq

Toufiq

Total Accepted Answers: 44
Archange Consulting

Archange Consulting

Total Accepted Answers: 2
michcio29

michcio29

Total Accepted Answers: 1

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us