Full width Page image

  • Resolved amfa

    (@amfa)


    6 years ago

    Hey guys!
    I am trying to make an image full width (with no white spaces). But I am restricted by a parent element which is .vision-row to a 1100px max width. How do I go around this an make a full width image?

    • This topic was modified 6 years ago by amfa.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author themevision

    (@themevision)

    5 years, 12 months ago

    Hello, @amfa!

    Can you give me the address to your website?

    Thread Starter amfa

    (@amfa)

    5 years, 12 months ago

    Its http://www.mkz.lt/PSC

    Theme Author themevision

    (@themevision)

    5 years, 12 months ago

    Hello, @amfa!

    If you want the contents to be in a fixed width (boxed) and just the image to be the full width,
    you can use this custom CSS code (Insert it into Customicing->General->Additional CSS):

    .wp-block-image.alignfull {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

    Also, the following should work well:

    .wp-block-image.alignfull {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
 }

    Regards

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Full width Page image’ is closed to new replies.