Editing "x-generated-css"

[instadesign]

I have some CSS being generated on line 272 of this page: https://dev.regather.net/whats-on/ within which apparently (according to this post) is coming from my customiser settings, however I cannot find the offending CSS. It’s giving my .x-main a width of 71.536945% when I want it to be 100%.

Any help greatly appreciated, thanks!

[jade]

Hi there,

Some of the codes in the x-generated-css depends on the settings in the Theme Options. To adjust what you are trying to do, please go to X > Theme Options > Blog > Archives then set the Layout to Fullwidth.

Hope this helps.

[instadesign]

Hi Jade, if you take a look at the link you’ll see it’s not a blog archive but a custom post type defined by Modern Tribe Events Calendar Pro. And in any case the blog archive is already set to full width.

[Prasant]

Hello @instadesign,

Thanks for asking.

Please try out following CSS under X > Theme Options > CSS:

.post-type-archive-tribe_events #tribe-events-pg-template {
    width: 100% !important;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.