change the width of copy and the side-bar widget

• 

  muckmoney · Member · Mar 29, 2018 at 4:56 pm

  • Copy link
  • Add topic to favorites

  1. I would like that my blog is about 1 normal word wider and the right side widget is about 1 normal word narrower. I believe I have to do some site wide custom CSS, but I do not know what CSS to do.
  Can you help me? Where do I need to make the changes?
  I am using Twenty Seventeen Theme.
  I am very new at CSS.

  The blog I need help with is: (visible only to logged in users)

• 

  timethief · Member · Mar 29, 2018 at 5:02 pm

  • Copy link

  Hi there,
  You are posting to the wrong support forum for your WordPress.ORG software. We provide support here at WordPress.COM only for sites on our servers.

  lesleyaction.info is hosted by Unified Layer
  Name Servers:
  ns392.hostgator.com
  ns391.hostgator.com

  For software support post to WordPress.ORG support. https://wordpress.org/support/ For hosting issues contact Hostgator.

  WordPress.COM and WordPress.ORG are completely separate and have different username accounts, logins, features, run different versions of some themes with the same names, and have separate support documentation and separate support forums. Read the differences here http://en.support.wordpress.com/com-vs-org/

  The wordpress.ORG support forum is at http://wordpress.org/support. The wordpress.ORG login link is here https://login.wordpress.org/ If you do not have an account yet then click Create an account https://login.wordpress.org/register/ and if you have lost an account password click Lost password? https://login.wordpress.org/lostpassword/
  WordPress.org support docs are at https://codex.wordpress.org/Main_Page
  See also https://apps.wordpress.org/support/ for app support.

• 

  thesacredpath · Member · Mar 29, 2018 at 6:56 pm

  • Copy link

  Hi @muckmoney, there is a dedicated Twenty Seventeen theme support forum at WordPress.org where you can post for help.

  I took a quick look at your site and the following should get you started. Originally the width of the primary was 58% and the secondary 36%. If you change the numbers I have, take the secondary down by the same amount you increase the primary to keep the spacing consistent between.

  @media screen and (min-width: 40em) {
  	.has-sidebar:not(.error404) #primary {
  		width: 60%;
  	}
  	.has-sidebar #secondary {
  		width: 34%;
  	}
  }