- This topic has 10 replies, 2 voices, and was last updated 4 years, 11 months ago by
Skandha.
-
AuthorPosts
-
October 8, 2018 at 11:12 am #156180
KAKrebs
ParticipantHi
I would like to remove the white “spacer”, bar, section. I think it is some leftover from the content section. Between slider and footer on the frontpage, and on the content pages above the footer.
Is this possible with css?
Best
October 8, 2018 at 12:06 pm #156187KAKrebs
Participantsry
I have tried
.main.container { display: none; }
This looks good on the front, but all the content are gone on other pages.
October 9, 2018 at 12:11 am #156245Skandha
Participant@kakrebs: I checked your site and you seem to have solved the issue. Is the issue resolved?
Kind Regards,
SkandhaOctober 9, 2018 at 2:33 am #156277KAKrebs
ParticipantHi
Yes, I solved this.
.Body.Home
#main.container { display: none; }Thank you:-)
October 9, 2018 at 4:23 am #156292Skandha
Participant@kakrebs: Glad you were able to solve the issue. Have a good day! 🙂
Kind Regards,
SkandhaOctober 10, 2018 at 6:33 am #156444KAKrebs
Participanthi again
In edition to this, I am trying to change the slider.container layout.
I hope to change the opacity of the text areas bagground on my image-slider, and also remove it completely on mobile devices.
Best
October 11, 2018 at 3:49 am #156499Skandha
Participant@kakrebs: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
/* To change opacity of background color of text in slider */ #main-slider .entry-content { background-color:rgba(255, 255, 255, 0.6); } #main-slider .entry-content:hover { background-color:rgba(255, 255, 255, 0.9); }
You can change the opacity according to your choice.
You cannot make the text area transparent in mobile view as there is nothing behind the area. You can change the background color though.
Let me know if this helps you out!
Kind Regards,
SkandhaOctober 11, 2018 at 4:18 am #156504KAKrebs
ParticipantHi Skandha
Yes, this worked for the opacity, thank you!
Oh okay, however would it be possible to remove it, tekst and box, on mobile view only, because here it dosent look good??
Thank you
Best
October 11, 2018 at 4:36 am #156505Skandha
Participant@kakrebs: To remove the text and box on mobile view only
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.@media screen and (max-width:767px) { #main-slider .entry-content { display:none; } }
Let me know if this is what you want!
Kind Regards,
SkandhaOctober 11, 2018 at 4:43 am #156506KAKrebs
ParticipantThis is perfect! 🙂
Thank you so much, have a nice day!
October 11, 2018 at 5:42 am #156508Skandha
Participant@kakrebs: Hello there, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/adonis/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂Kind Regards,
Skandha -
AuthorPosts
- The topic ‘Remove spacer on frontpage between slider and footer’ is closed to new replies.