Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #156180
    KAKrebs
    Participant

    Hi

    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

    #156187
    KAKrebs
    Participant

    sry

    http://www.klatretid.dk/

    I have tried

    .main.container { display: none; }

    This looks good on the front, but all the content are gone on other pages.

    #156245
    Skandha
    Keymaster

    @kakrebs: I checked your site and you seem to have solved the issue. Is the issue resolved?

    Kind Regards,
    Skandha

    #156277
    KAKrebs
    Participant

    Hi

    Yes, I solved this.

    .Body.Home
    #main.container { display: none; }

    Thank you:-)

    #156292
    Skandha
    Keymaster

    @kakrebs: Glad you were able to solve the issue. Have a good day! 🙂

    Kind Regards,
    Skandha

    #156444
    KAKrebs
    Participant

    hi 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

    #156499
    Skandha
    Keymaster

    @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,
    Skandha

    #156504
    KAKrebs
    Participant

    Hi 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

    #156505
    Skandha
    Keymaster

    @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,
    Skandha

    #156506
    KAKrebs
    Participant

    This is perfect! 🙂

    Thank you so much, have a nice day!

    #156508
    Skandha
    Keymaster

    @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

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Remove spacer on frontpage between slider and footer’ is closed to new replies.