New Topic

Reply To: Help with Header, Child theming, images

Home › Forum › Customization › Help with Header, Child theming, images › Reply To: Help with Header, Child theming, images

#2173

StartupWP
Support

1. Use:

#logo {
  float: left;
  width: 40%;
}

#site-description {
  clear: none;
  color: #fff;
  float: left;
  font-size: 25px;
  width: 60%;
}

#social .details, #social .details a {
  color: #fff;
  font-size: 18px;
}

You’ll also need to copy over your header.php file to your child theme if you haven’t already and find:

<?php
if ( $options['social'] ) {
echo '<div id="social">';
if ( $options['googleurl']!="" )
echo '<a href="' . esc_url( $options['googleurl'] ) . '" id="social-google"><img src="' . get_template_directory_uri() . '/images/social/google.png" alt="Google+" /></a>';
if ( $options['linkedinurl']!="" )
echo '<a href="' . esc_url( $options['linkedinurl'] ) . '" id="social-linkedin"><img src="' . get_template_directory_uri() . '/images/social/linkedin.png" alt="LinkedIn" /></a>';
if ( $options['twitterurl']!="" )
echo '<a href="' . esc_url( $options['twitterurl'] ) . '" id="social-twitter"><img src="' . get_template_directory_uri() . '/images/social/twitter.png" alt="Twitter" /></a>';
if ( $options['facebookurl']!="" )
echo '<a href="' . esc_url( $options['facebookurl'] ) . '" id="social-facebook"><img src="' . get_template_directory_uri() . '/images/social/facebook.png" alt="Facebook" /></a>';
echo '' . do_shortcode( stripslashes( wp_kses_post( $options['custicons'] ) ) ) . '';
echo '</div>'; }
?>

and move it just below:

<?php if ( $options['description'] ) { echo '<div id="site-description">' . esc_html( get_bloginfo( 'description' ) ) . '</div>'; } ?>

2. Great to hear.

3. Use:

#container {
  border: 2px solid #9400d3;
  box-shadow: 0 0 10px #777;
  box-sizing: border-box;
}

4. Use:

#copyright {
  color: #fff;
  font-size: 16px;
  padding: 2%;
  text-align: center;
  text-shadow: none;
}

#footer-sidebar {
  background: #9400d3;
  border-radius: 10px;
  padding: 2%;
}

#footer-sidebar * {
  color: #fff !important;
}

No need to feel stupid, it’s really no different than learning a new language. Daunting it may be at first sure, but you seem to be catching on quick and the more you see examples and fuss around with styling your site the more things will begin to actually make sense as apposed to simply remembering that if you do X, Y will happen.