By using Elementorforum.com’s services you agree to our Cookies Use and Data Transfer outside the EU.
We and our partners operate globally and use cookies, including for analytics, personalisation, ads and Newsletters.

  • Join the Best Unofficial Elementor Support forum

    Provide or get advice on everything Elementor and Wordpress, ask questions, gain confirmation or just become apart of a friendly, like minded community who love Wordpress and Elementor


    Join us!
elementor official

CSS issue with centralising image

I

Itsme

New Member
Hi, I've spend hours trying to figure this out and would very much appreciate some help if possible

I'm using a premium theme called FlexMag and have created a homepage using Elementor with a large image at the top of the page. When I view the page with the Elementor Full Width Template on a large screen, the image isn't centralised and there's a a blank margin down the right hand side. However when I view the page with the Elementor Canvas Template, the margin isn't there and the banner re-sizes as it should.

I've used the page inspector to look at the css margin down the right, and on the Canvas template the margin is 0px (screenshot1) but on the Full Width template the margin changes when I resize the browser (screenshot2). I've tried to target the element and add a margin of 0px, but it gets crossed out in the inspector and doesn't adopt the margin I've set (not sure why).

Any ideas on how I can target the margin so that it takes effect on the Full Width template.

Many thanks
 
elementor official

Attachments

  • Screenshot1.jpg
    Screenshot1.jpg
    87.5 KB · Views: 6
  • Screenshot2.jpg
    Screenshot2.jpg
    80.9 KB · Views: 7

Latest posts

Latest Products

Other Elementor Resources

elementor official
elementor official
Top