SP Page Builder 3.3 is here! Check all new features

Support Forums

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

Your Time: Our Time:

Colour and Transparency setting in main showcase

Featured Lock Resolved Issue
How do i change the overlaying colour in the showcase ?
Also how to adjust the transparency of the same ?

12 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi, Please share a screenshot that you want to do exactly. Thanks

Himanshu Verma

More than a month ago #Permalink
Hi, Please share a screenshot that you want to do exactly. Thanks


I want to make changes in the orange colour and its transparency value

thanks

Attachments (1)

  • colour.jpg
    colour.jpg 211.1 KB

Himanshu Verma

More than a month ago #Permalink
colours and gradients can be changed from here BUT I need to change the transparency of that gradient over the picture to increase the clarity of the picture

Attachments (1)

  • colour1.jpg
    colour1.jpg 70.9 KB

Toufiq - Staff

More than a month ago #Permalink
Hi,

Go to the file location and find out the code comment or change the color code.

templates/shaper_floox/css/presets/
line at 241

-webkit-background-image: linear-gradient(-180deg,#23d0ec 0%,#239cec 100%);
-moz-background-image: linear-gradient(-180deg,#23d0ec 0%,#239cec 100%);
-ms-background-image: linear-gradient(-180deg,#23d0ec 0%,#239cec 100%);
background-image: linear-gradient(-180deg,#23d0ec 0%,#239cec 100%);


-Thanks

Himanshu Verma

More than a month ago #Permalink
I tried these settings but I am unable to change the transparency of the RED gradient by these. I want to reduce the red gradient and increase the visibility of the background picture

Toufiq - Staff

More than a month ago #Permalink
I tried these settings but I am unable to change the transparency of the RED gradient by these. I want to reduce the red gradient and increase the visibility of the background picture


Hi, Please share a screenshot that you want to do exactly. Thanks

Himanshu Verma

More than a month ago #Permalink
Hello Toufiq
What I meant to say was that I want the red gradient little less dominant ( maybe reduce the transparency of the layer which has the red gradient ); and I want the visibility of the background cover image more.

Please suggest the CSS for the same

Attachments (1)

  • backgroud.jpg
    backgroud.jpg 110.6 KB

Toufiq - Staff

More than a month ago #Permalink
Hi,

You meant that you wanna shape with gradient background? If this yes, Sorry to say that this feature is not available.

-Thanks

Himanshu Verma

More than a month ago #Permalink
Hi Toufiq
So is there no way I can increase the visibility of the background picture in the showcase ?

Thanks

Toufiq - Staff

More than a month ago #Permalink
Hi Toufiq
So is there no way I can increase the visibility of the background picture in the showcase ?

Thanks


Hi, If you wanna gradient background then you have to write down CSS code. Thanks

Himanshu Verma

More than a month ago #Permalink
Could you please send the CSS code for the same ?

Toufiq - Staff

More than a month ago #Permalink
Could you please send the CSS code for the same ?


Hi, Share your site url and give me major color first. Thanks


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: 138
Sifat

Sifat

Total Accepted Answers: 84
Toufiq

Toufiq

Total Accepted Answers: 62
Rifat Wahid Alif

Rifat Wahid Alif

Total Accepted Answers: 4
Pavel

Pavel

Total Accepted Answers: 3

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