Can't edit Header Margin using CSS

  • furoris

    (@furoris)


    9 years, 10 months ago

    Hey Everyone,

    I’ve been trying to get rid of the margin in the following picture: http://imgur.com/lgE2YTh but to no avail. Does anyone know what I can do to get rid of it? I’ve used the following possible custom CSS code but it hasn’t helped out at all. Any help would be greatly appreciated. Thanks!

    .pageid-35 #header{
    margin-bottom: 0px;
}

.pageid-35.site-header{
    margin-bottom: 0px;
}
Viewing 4 replies - 1 through 4 (of 4 total)
  • Michael

    (@alchymyth)

    9 years, 10 months ago

    please post a live link to your site.

    what theme are you using?

    are you working with a browser inspection tool to investigate the formatting?

    Thread Starter furoris

    (@furoris)

    9 years, 10 months ago

    Hi Michael,

    Here is a live link to the site: http://honestabe.ca/ininkk/shopink/

    I am currently using the VAN theme by ThemeStudio.

    I am running Google Chrome and am using the Inspect tool to investigate the formatting.

    Michael

    (@alchymyth)

    9 years, 10 months ago

    a:
    the linked site has the CSS class .page-id-28

    therefore:

    .page-id-28 .header { margin-bottom: 0; }

    also, there is an empty section without visible output:

    <section class="ts-add-content">
			<div class="container">
				<div class="vc_row wpb_row vc_row-fluid"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner "><div class="wpb_wrapper"></div></div></div></div>
			</div>
		</section>

    you can hide that as well with:

    .page-id-28 .ts-add-content { display: none; }

    Thread Starter furoris

    (@furoris)

    9 years, 10 months ago

    It worked! Thank you very much, Michael!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Can't edit Header Margin using CSS’ is closed to new replies.