Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 14, 2015 at 2:44 pm #518696
    tashi-11

    hey guys,

    I need help with fitting an image between the border of a boxed layout and the right sidebar.

    I tried to remove the margin and padding and then expand the picture to full size. This works for big screen but for smaller screens a gap between the image and the sidebar appears.

    css now: (class = laptop-man for the image)

    .laptop-man { margin-left: -50px; }
    .entry-content-wrapper.clearfix .laptop-man { padding-right: -50px; }
    .laptop-man img { max-width:none; max-height: none; width: 117.7%; height: 117.7%; }
    main .laptop-man { border-right: 0; }

    best regards
    Susi

    October 14, 2015 at 2:47 pm #518698
    Yigit

    Hi!

    Can you please post a screenshot and show the changes you would like to make? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.

    Best regards,
    Yigit

    October 14, 2015 at 3:33 pm #518737
    tashi-11

    Hi,

    here is a doc explaining what I mean …

    https://dl.dropboxusercontent.com/u/32919511/kriesi%20-%20On%20smaller%20screen.docx

    thanks!

    Susi

    October 14, 2015 at 3:47 pm #518746
    Yigit

    Hey!

    Please try adding following code to Quick CSS as well

     .laptop-man img {
    width: 122%;
}

    P.S.: Padding rule cannot have negative values, following code is invalid

    .entry-content-wrapper.clearfix .laptop-man { padding-right: -50px; }

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.