1. Gavin Bates
  2. EduCon
  3. Tuesday, 08 August 2017
Please see the screenshot attached ...

Can you let me know the code if I want to add a darker background to the text overlay section on the slideshow

I have changed the height of slideshow, the width off text and the font sizes ...

see below, I just want to add a darker background block (similar to the attached)




.sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg {
height: 530px; }

.sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg >div .sppb-slideshow-fullwidth-item-text >div {
max-width: 40%;
}



.sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg .sppb-fullwidth-title {
font-size: 50px;
color: #fff;
font-weight: 800;
text-transform: uppercase;
line-height: 62px;
margin-bottom: 25px;
margin-top: 10px;
}
.sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg .sppb-fullwidth-title .sppb-slidehsow-sub-title {
font-size: 30px;
line-height: 20px;
font-weight: 800;
color: #fff;
text-transform: uppercase;
margin: 10px 0 10px;
}
Attachments (2)
Accepted Answer
Accepted Answer Pending Moderation
Hi,

Thanks for your reply. Do you want to do like this?

http://prntscr.com/g66ceh

css code

.sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg >div .sppb-slideshow-fullwidth-item-text >div {
max-width: 50%;
background: rgba(0, 0, 0, 0.43);
padding: 30px;
}


-Thanks
  1. more than a month ago
  2. EduCon
  3. # Permalink
Responses (5)
Accepted Answer Pending Moderation
Thank you, this works nicely.
  1. more than a month ago
  2. EduCon
  3. # 1
Accepted Answer Pending Moderation
Thank you, this works nicely.


Hi, Thanks for your reply and You are most welcome :)
  1. more than a month ago
  2. EduCon
  3. # 2
Accepted Answer Pending Moderation
Hello! This worked for me on desktop chrome, firefox and IE but not Microsoft Edge and also not working on iPhone (haven't tested other phones/tablet yet). Any ideas on how to get it to work across all platforms? Also noticed on iPhone the text block & slider button appears to go off the screen to the right. Perhaps it is a bug?

Thank you very much!

Demo site: https://pevoniapro.medicalia.com/
Attachments (1)
  1. more than a month ago
  2. EduCon
  3. # 3
Accepted Answer Pending Moderation
Hello! This worked for me on desktop chrome, firefox and IE but not Microsoft Edge and also not working on iPhone (haven't tested other phones/tablet yet). Any ideas on how to get it to work across all platforms? Also noticed on iPhone the text block & slider button appears to go off the screen to the right. Perhaps it is a bug?

Thank you very much!

Demo site: https://pevoniapro.medicalia.com/


Hi there, What should be on the iPhone? Please give me a proper screenshot. Thanks
  1. more than a month ago
  2. EduCon
  3. # 4


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.