css layout: border box (pictorio)

• 

  anitalord · Member · Jun 1, 2014 at 5:46 am

  • Copy link
  • Add topic to favorites

  Trying to CSS resize the “border -box” around my ‘post title’ on Pictorio.
  At present it spans only half the image length and squashes title text.

  <h1 class=”entry-title” style=”right: 638px; left: 0px; width: 578px;”>running with the rabbits of the river</h1>

  The blog I need help with is anitalord.com.

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

• 

  therealisabisa · Member · Jun 1, 2014 at 3:03 pm

  • Copy link

  Hi Anita,

  Try adding the following CSS to .has-thumbnail .entry-header .entry-title

  max-width: none;

  Best,
  Alisa

• 

  anitalord · Member · Jun 2, 2014 at 3:55 am

  • Copy link

  thanx Alisa… changing “width: none; ” didn’t seem to work,
  i can change the height but still not the width!…..

• 

  designsimply · Member · Jun 20, 2014 at 9:38 pm

  • Copy link

  changing “width: none; ” didn’t seem to work

  I think Alisa has it correct, but you missed the “max-” part.

  Try max-width instead of width.

• 

  anitalord · Member · Jun 20, 2014 at 9:42 pm

  • Copy link

  thanks, i did try that… nothing changed.

• 

  designsimply · Member · Jun 22, 2014 at 2:22 am

  • Copy link

  I tested it and it worked for me. :)

  Let’s use a specific example and make suer we’re talking about the same thing. I looked at the following post:
  http://anitalord.com/2014/06/02/blah-blah-2/

  And I see that the background behind the title “drooring” goes across half the page, but the text isn’t squished. If you wanted to extend that heading area across the whole page on single posts, you could add the following custom CSS to your Appearance > Customize > CSS editor:

  .has-thumbnail .entry-header .entry-title {
  	max-width: none;
  }

  I tested it using browser tools, and the post title text stretched across the full page. I tested using Chrome at a normal screen width of aroun 1280 px for the display size.

  Does that describe what you tested? Or were you looking at something else? I did check your custom CSS, and I noticed that the CSS described earlier wasn’t saved. I’m not sure if you tried it and deleted it.

• 

  designsimply · Member · Jun 26, 2014 at 6:14 pm

  • Copy link

  Do you still need help with your post titles?

• 

  designsimply · Member · Jul 16, 2014 at 12:01 pm

  • Copy link

  Since we haven’t heard anything back from you in a few weeks and because everything worked in my testing, I’m going to mark this issue as resolved.

  If you need help again, please start a new help request.