Goran theme – reduce width of text box

• 

  miminette13 · Member · Jan 10, 2015 at 4:36 am

  • Copy link
  • Add topic to favorites

  I would like to reduce the width of the text box on my featured image on the front page of the Goran theme.

  My site isn’t live yet.

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

• 

  designsimply · Member · Jan 14, 2015 at 11:17 am

  • Copy link

  I checked http://lemeadowspantry.com/ just now and I found that blog is currently using the Misty Lake theme.

  I checked the demo site for Goran at https://gorandemo.wordpress.com/ to find an example of a text box on a featured image. I see a text box and the text inside begins with, “The content of the front page template is displayed here.” When I looked at the source content for that box, I found that there are line breaks inside the content to make the text appear at the width it does. You can do the same thing by pressing Shift+Enter in the editor when writing out the content.

  You could also try a CSS solution. Here is an example I came up with that you can try out:

  @media screen and (min-width: 768px) {
  	.home .hero .hentry {
  		margin: 0 0 0 75px;
  		width: 400px;
  	}
  }

  Adjust the width value to what looks best for your content. The @media line limits the change to large screens so that the content will still adjust normally and look better at smaller screens. The “.home” part of the selector works to limit the change to the home page only.

• 

  miminette13 · Member · Jan 15, 2015 at 4:34 am

  • Copy link

  Thanks!