• Resolved MeyersImaging

    (@meyersimaging)


    I am Trying to remove the spacing around the header widget.. Link below how it looks now. I am trying to make it so it sits flush against the top and the sides, but even if i use a smaller image, and ive tried bigger images the spacing is always there. Is there some sort of CSS to remove those margins so the image can sit flush in the header widget area? Any help would be grateful.

    I currently have the image alignment to the left but i need to remove those spacing margins just not sure how.

    https://www.meyersimaging.com/one-imaging/test1/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter MeyersImaging

    (@meyersimaging)

    Anything Anyone?

    Thread Starter MeyersImaging

    (@meyersimaging)

    still bumping… still searching and cant figure it out…

    Thread Starter MeyersImaging

    (@meyersimaging)

    I switched from jetpack image widget to simple image widget and my margins at the bottom changed, i can live with that. I still want the image to be flush against the top menu bar so i still need to get rid of that spacing. Im not worried about the color because im going to upload a white background but im still having trouble trying to locate a solution to align the image to the top. Im not sure if its the image or the widget itself i need to modify any help would be greatly appreciated.

    Thread Starter MeyersImaging

    (@meyersimaging)

    After days of searching I have found the answer by copying my style.css to my css editor, and copying different widget sections into my custom css editor, and found the margins that align my image… I copied the following into my custom css and it aligned my image to the top and left. Those are the margins that worked for my image size which is 750x 250. If you use different size images your margins are going to be different just have to mess with it a little to get it to align… I am still new to all this so it took me a week to find it, but wanted to change in case someone else comes across the problem.

    .widgets-back-inside {
    margin-top: -15px;
    }

    .widgets-back-inside {
    margin-left: -45px;
    }

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Margins Around Header widget’ is closed to new replies.