Full width featured image

[Digital-hive]

Hi,

I want to make my featured image full width. But cant find a option of it or code?

Link: https://www.autosvanengel.nl/over-ons/

[lely]

Hi Nabil,

Your site is on coming soon page so I can’t check the post page.

The following might help you though:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa

[Digital-hive]

Hi Lely,

I forgot to undone coming soon page. It’s now disable for that page.

I know how CSS and inspector works. But I got stuck changing the featured image to full width.

Kind regards

[jade]

Hello Nabil,

That is because the featured image is in the content area of the default page template which is in a container.

You can override it by adding this code in X > Theme Options > CSS:

.page-template-default .x-container.max.offset {
    max-width: 100%;
    width: 100%;
}

.page-template-default .entry-wrap {
    max-width: 1200px;
    margin: 0 auto;
    width: 90%;
}

Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

Hope this helps.

[Digital-hive]

Yes it did. Thank you!

[rad]

You’re welcome!