Home Forums Weaver Xtreme Theme Trying to make large pictures touch corner to corner

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #65661
    ROBIN
    Participant

    I know this may be a question that isn’t part of the theme, but I thought I would see if you have any idea how to make it happen.

    I want the large pictures on the page to touch corner to corner like they do on  this website:  https://kingdomfloors.com

    My site is designgentry.com

    I have played with the image size, but I still have the space between.  Is this because of the Large titles in the content?

    Thanks for any help you might be able to provide.

     

    #65662
    scrambler
    Moderator

    First you will need to erase the 15px padding and 5px margin you set on the selector
    .page-id-19 .box
    You need to do that on only one side (right for right images and left for left ones) so you will need to use two classes instead of one

    boxleft and box right for example

    boxleft will have margin:5px 5px 5px 0px;padding:15px 15px 15px 0px;
    boxright will have margin:5px 0px 5px 5px;padding:15px 0px 15px 15px;

    then add the rule below to remove the side padding on the content area.
    .page-id-19 #content {padding:0;}

    Finally Put your text in a div with a class mylefttext or myrighttext, and add a left margin to the left class and a right margin to the right one

    Let me know if you need me to get into more details

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