Header Image and Bottom Margin

  • hahahaohwow

    (@hahahaohwow)


    10 years, 4 months ago

    I’m learning wordpress as I go and I’m having two issues that I think are pretty common by what it seems. I’ve tried searching and trying the methods listed in other threads but nothing seems to fix my issues.

    My site is arcticexp.com and my issues are that I can’t seem to get my header image to center and since I removed comments I still have a double line border and large margin at the bottom of each page that I can’t remove.

    Any help would be appreciated.

Viewing 2 replies - 1 through 2 (of 2 total)
  • WPyogi

    (@wpyogi)

    10 years, 4 months ago

    First, you should get your child theme set up correctly – the style.css file should contain only changes not a copy of the entire parent theme file. Once you have that sorted, try adding this to the child theme CSS:

    img.header-image {
   display: table;
   margin: 0 auto;
}

    I don’t see where the other problem is – can you link to a page where it shows up?

    Pioneer Web Design

    (@swansonphotos)

    10 years, 4 months ago

    For the sake of simplicity with the header image, I suggest you use an image editor and create a header image file with the width dimensions recommended by the theme dev.’s.

    As for the footer’s top border, it is from this CSS:

    /* Footer */
footer[role="contentinfo"] {
	border-top: 1px solid #ededed;
	clear: both;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	max-width: 960px;
	max-width: 68.571428571rem;
	margin-top: 24px;
	margin-top: 1.714285714rem;
	margin-left: auto;
	margin-right: auto;
	padding: 24px 0;
	padding: 1.714285714rem 0;
}

    Change this line:

    border-top: 1px solid #ededed;

    to:

    border-top: none;

    To discover what CSS is output by your theme, use a web inspection tool such as Firebug: http://getfirebug.com/ , Chrome Inspect Element: https://developers.google.com/chrome-developer-tools/ or Internet Explorer 9+ F12 Dev. Tools: http://msdn.microsoft.com/en-us/library/dd565627(v=vs.85).aspx#csstool

    There are others.

    When editing CSS, use a Child Theme
    http://codex.wordpress.org/Child_Themes
    Custom CSS Plugin, or Theme provided custom CSS option.
    Edits to parent themes are lost on theme update.

    Learn CSS: http://www.w3schools.com/css/

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Header Image and Bottom Margin’ is closed to new replies.