Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1036274

    Hi,

    I added a slider image to my page and now two things are happening.

    1. The image is wider than the title bar. I used the image slider column but dont see a way to equal the size of the title bas so it looks like it doesnt fit. You will see the red lines in the attached picture, the gap on the left side of the attached image as it is wider than the title bar. Is there a way to match the image to the width of the title bar?

    2. There is a gap between the slider image and the title bar, as seen by the red lines on the right side of the attached picture. I looked at the slider settings but the margins and padding settings are all at 0. Is there a way to remove this gap so that the slider image sits tight against the title bar?

    Here is the image: https://snag.gy/BND3bq.jpg

    Thank you for your assistance with this issue!

    Joe

    #1038099

    Hey Joe,
    Sorry for the late reply, I have taken a look at a page I believe is the one you are referring to, please see url in Private Content area.
    To correct the gap between your image and the title bar, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top.page-id-8164 .container_wrap_first .content {
    padding-top: 3.5% !important;
    }

    As for the blue title bar width, the width of the bar is fixed, but the image is not, it’s 100% of the page, so in your screenshot there is only a small difference between the two but on my screen, which seems to be larger than yours, the difference is quit a lot.
    So I would recommend making the blue background of the title bar also 100% wide:

    #top.page-id-8164 .title_container {
    background: #F7FCFE !important; 
    }

    Otherwise we could make the slider image a fixed width just like the title bar, but on larger screens the full width looks nice (*in my option) Please let us know how you would like to proceed with this.
    Please accept our apologies for the late reply.

    Best regards,
    Mike

    #1038300

    Mike,

    No need to apologize. Hope you had a great holiday. I appreciate the assistance. I will be back in the office Thursday and will update the CSS with your suggestions. Thank you so much. Have an Amazing rest of your week!

    Joe

    #1038329

    Hi,
    Thank you, I look forward to your feedback after Thursday, you also have a great week :)

    Best regards,
    Mike

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