White space

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #15588
    RICHARD ASQUITH
    Participant

    Is there a way to remove the space between header image area and main content? (breadcrumbs/container fluid area???), also the space after the edit link and before the footer – I just have too much white space.

    Thanks

    #20602
    Sushil Adhikari
    Moderator

    Good morning….Not sure of the area you are referring to but will assume you mean the content and breadcrumbs area. The CSS that does this is around line 224 of the style.css file which looks like this:

    #content-wrapper {
    	padding:30px 0 50px;
    	border-bottom:7px solid #bf7b7b;
    	font-size: 12px;
    	font-size: 0.750rem;
    	line-height: 22px;
    	line-height: 1.375rem;
    	color:#787b7f;
    }

    The padding is the part that you want to override with your own custom CSS.

    As for the space where the edit link is, hard to say because that is located in different positions, but the above method might help. Also, if you do not use the “edit” link (which only shows when you are logged in), you can disable that by going to Appearance >> Customize >> Basic Settings >> Hide Edit Link

    #20605
    RICHARD ASQUITH
    Participant

    Its the area with breadcrumbs in down to the top of the page title. Its the bit surrounding the “Showcase your Website in Style” etc part on the demosite. Basically I have the banner/slider part, then some images in the content area so don’t need the space set aside for breadcrumbs and main title area (call to action area??).

    Would I just add the #content-wrapper part to the child theme and change the padding?

    #20607
    Sushil Adhikari
    Moderator

    That will be the #content-wrapper. Correct, you would put your custom CSS for the padding in your child theme style.css.

    #15589
    RICHARD ASQUITH
    Participant

    Thanks – that did the trick

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.