Expand central text.

• 

  luscoefuscoes · Member · May 30, 2016 at 7:10 pm

  • Copy link
  • Add topic to favorites

  Hello, I wanted saver that code CSS I have to use to expand the text sideways and so do not leave much space empty, I put a picture with what I do, which is to expand the text in the direction of the arrows.

  Regards, and thank you very much.

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

• 

  carladoria · Member · May 30, 2016 at 9:02 pm

  • Copy link

  Hi there,
  Try the following CSS (paste it in Customize>CSS)
  
  @media screen and (min-width: 58em)
  .entry-content{
  width: 130%;
  margin: auto;
  float: none;
  }

  You can increase the percentage to expand it even more.

• 

  carladoria · Member · May 30, 2016 at 9:03 pm

  • Copy link

  Adding the code tag to this post:

  @media screen and (min-width: 58em)
  .entry-content{
  width: 130%;
  margin: auto;
  float: none;
  }

• 

  luscoefuscoes · Member · May 31, 2016 at 1:16 pm

  • Copy link

  thank you very much but has not worked for me, still without expanding the central text.

• 

  siobhyb · Member · May 31, 2016 at 4:04 pm

  • Copy link

  Hi Lusco,

  I believe there were some missing braces around the snippet Carla provided that would have caused it to not work correctly. Could you try again with the following?

  @media screen and (min-width: 58em) {
  .entry-content{
  width: 100%;
  }
  }

  Let us know how you get on.

• 

  luscoefuscoes · Member · May 31, 2016 at 11:01 pm

  • Copy link

  it has worked for me, but as I wider the text on the right?

• 

  siobhyb · Member · Jun 1, 2016 at 12:24 pm

  • Copy link

  I’m glad that worked! You can remove the space on the right with the following:

  @media screen and (min-width: 58em) {
  .site-main {
      margin-right: 20%;
  }
  }

  If you’d like, you can also increase the value of margin-right to your liking so that some space remains.

• 

  luscoefuscoes · Member · Jun 1, 2016 at 12:48 pm

  • Copy link

  He has returned to work, is helping me a lot, one last question if it is not too much to ask, I have to add CSS code to do the same as in the main text column (articulos recientes y social) I mean enlarging the text on both sides.

  1 million thanks.

• 

  siobhyb · Member · Jun 1, 2016 at 4:42 pm

  • Copy link

  Hi there,

  Are you referring to the sidebar on the right? If so, you can widen that sidebar using the following snippet:

  #secondary {
      width: 315px;
  }

  Let me know if that helps out or if you were hoping to change something else.

  Thanks!

• 

  luscoefuscoes · Member · Jun 1, 2016 at 11:45 pm

  • Copy link

  thanks, it’s perfect

• 

  siobhyb · Member · Jun 2, 2016 at 8:57 am

  • Copy link

  I’m glad to hear that! We’re right here if anything extra comes up too.