Emphaino – powrót do głównej pod nagłówkiem

1. np. w header.php

<div class="header-main">
			<?php if( $emphaino_logo_image = get_theme_mod('logo_image') ) : ?>
			<div id="logo-image">
				<a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img src="<?php echo $emphaino_logo_image; ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" /></a>
			</div>
			<?php endif; ?>
			<div class="site-branding">
				<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
				<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
			</div>
		</div>

zmieniasz na:

<a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
		<div class="header-main">
			<?php if( $emphaino_logo_image = get_theme_mod('logo_image') ) : ?>
			<div id="logo-image">
				<img src="<?php echo $emphaino_logo_image; ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" />
			</div>
			<?php endif; ?>
			<div class="site-branding">
				<h1 class="site-title"><?php bloginfo( 'name' ); ?></h1>
				<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
			</div>
		</div>
		</a>

2. w stylach np. .has-sidebar .page img { margin:10px !important; }

1. czekaj, czekaj ….jak do posta, to
.has-sidebar .post img { margin:10px !important; }
-ten wcześniejszy jest do strony

2. poniżej tak na szybko przykład zmian w pliku style.css – content -100px, sidebar +100px:

ln. 1541-1546

.widget-area .widget {
  width: 200px;
  float: left;
  padding: 0;
  margin: 10px;
}

na:

.widget-area .widget {
  width: 300px;
  float: left;
  padding: 0;
  margin: 10px;
}

ln. 2082-2089

.single.has-sidebar .site-main,
  body.page.has-sidebar .site-main,
  .one-col-excerpts.has-sidebar .site-main,
  .one-col-full-posts.has-sidebar .site-main,
  .no-js.has-sidebar .site-main {
    padding: 0 240px 0 0;
    padding: 0 24rem 0 0;
  }

na:

.single.has-sidebar .site-main,
  body.page.has-sidebar .site-main,
  .one-col-excerpts.has-sidebar .site-main,
  .one-col-full-posts.has-sidebar .site-main,
  .no-js.has-sidebar .site-main {
    padding: 0 340px 0 0;
    padding: 0 34rem 0 0;
  }

ln. 2099-2117

.single.has-sidebar .widget-area.sidebar,
  body.page.has-sidebar .widget-area.sidebar,
  .one-col-excerpts.has-sidebar .widget-area.sidebar,
  .one-col-full-posts.has-sidebar .widget-area.sidebar,
  .no-js.has-sidebar .widget-area.sidebar {
    float: right;
    margin-right: -240px;
    margin-right: -24rem;
    width: 220px;
    width: 22rem;
  }
  .single.has-sidebar #the-sidebar,
  body.page.has-sidebar #the-sidebar,
  .one-col-excerpts.has-sidebar #the-sidebar,
  .one-col-full-posts.has-sidebar #the-sidebar,
  .no-js.has-sidebar #the-sidebar {
    width: 220px;
    width: 22rem;
  }

na:

.single.has-sidebar .widget-area.sidebar,
  body.page.has-sidebar .widget-area.sidebar,
  .one-col-excerpts.has-sidebar .widget-area.sidebar,
  .one-col-full-posts.has-sidebar .widget-area.sidebar,
  .no-js.has-sidebar .widget-area.sidebar {
    float: right;
    margin-right: -340px;
    margin-right: -34rem;
    width: 320px;
    width: 32rem;
  }
    .single.has-sidebar #the-sidebar,
  body.page.has-sidebar #the-sidebar,
  .one-col-excerpts.has-sidebar #the-sidebar,
  .one-col-full-posts.has-sidebar #the-sidebar,
  .no-js.has-sidebar #the-sidebar {
    width: 320px;
    width: 32rem;
  }

Tak na przyszłość, korzystaj z narzędzi deweloperskich dostępnych w przeglądarce (lub np. dodatku FireBug dla firefoxa). Zazwyczaj prawoklik >> Zbadaj element i masz podgląd styli i ich lokalizacji.