Re: Rev Slider

[cali82]

Hello:)

I was wondering how to remove so much gray space beneath my slider on the home page. I have a few custom codes in the style css and perhaps adjustments in my settings, so you may have to log into my account. Please assist.

Thank you!

[cali82]

Mobile screenshot 🙂

[Laura]

Hello, please share a link to your website so we can check it out 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[cali82]

Oops sorry =P FrenchRivieraConnect.com

[Laura]

Hello, please add this to your quick css or style.css in child theme

COPY CODE

@media only screen and (max-width: 480px) {
.page-template-page-templatesfront-page-php .rev_slider_wrapper {
min-height: 130px;
height: 0px!important;
}
.tp-fullwidth-forcer {
height: 211px !important;
}
}
.tp-fullwidth-forcer {
height: 700px !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[cali82]

Hello=)

Should I remove the the code I have in the styling options?

.page-template-page-templatesfront-page-php .rev_slider_wrapper { min-height: none !important }

@media only screen
and (max-width : 480px) {
.page-template-page-templatesfront-page-php .rev_slider_wrapper { min-height: none !important }

Thanks!

[cali82]

I tried to remove it as well as with it, but it does not work. I think there must be another code that I need to remove. Here is what I have, please take a look.

Thanks=)

“.rev_slider_wrapper {
display: block !important;
}

body.home .contain-to-grid,
body.home #logo {
display: none;
}

body.group-home #logo
{
display:block !important;
}

body.groups aside.four
{
display:none;
}

body.groups #main-content
{
width:100% !important;
}

body.home-page
{
width:auto !important;
}

body.groups .contain-to-grid
{
display:block !important;
}

body.members .search-item .avatar
{
width: 160px !important;
height: 160px !important;
}

.page-template-page-templatesfront-page-php .rev_slider_wrapper { min-height: none !important }

@media only screen
and (max-width : 480px) {
.page-template-page-templatesfront-page-php .rev_slider_wrapper { min-height: none !important }

#logo, .top-bar
{
display:none;
}
}

body.groups #logo

{
display: none;
}

body.page-id-2056 #logo,
body.page-id-2056 nav
{
display:none !important;
}

body.page-id-2056 footer,
body.page-id-2056 #support,
body.page-id-2056 #main
{
display:none !important;
}

.link-list li:nth-child(2)
{
display:none !important;
}

body.groups .search-item .avatar
{
width: 160px !important;
height: 160px !important;
}

“

[cali82]

Hello,

I contacted rev slier and they said it is a theme issue. They provided me w custom coe that I put in CSS for the rev slider, but it is not working. Please assist.

Thanks

[Laura]

Hello, share admin credentianls and the code revslider support sent you 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[cali82]

Hello:)

admin
Foofy123!

frenchrivieraconnect.com/wp-admin

I inserted the code in the rev slider css;)

Thanks a million!

[Laura]

Hello, fixed with

COPY CODE

.forcefullwidth_wrapper_tp_banner {
  margin-bottom: 0px !important;
}

🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[cali82]

Hello:)

Sorry to bug u again, but I can’t see the type that’s supposed to be underneath the slide (desktop version it’s visible) I also still see the gray extend a few inches from the slider. (Please view screenshot)

Also, please send me a link so I can donate again, you guys are very helpful and I greatly appreciate it:)

Thanks!

[cali82]

Screenshots:)

Mobile & desktop. I will try to clear cache again and see if it’s changed.

[Laura]

Hello, i will check it out again 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Laura]

Hello, fixed with

COPY CODE

.revslider-head.absolute-head .form-wrapper {
  margin-top: 0px !important;
}
@media (max-width: 991px) {
.page-template-page-templatesfront-page-php .rev_slider_wrapper {
  min-height: 200px;
}
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Abe]

Thanks @cali82, we appreciate your support. here is a link to the donate page https://archived.seventhqueen.com/buy-us-a-beer

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[cali82]

Thank you=)

You guys fixed it! Best support ever!

[Laura]

It was a pleasure 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts