Skip to content
Public Ticket #17811

Override main.css

Conversation thread

fioridizuccaimmagine replied

Customer Reply

sorry, I didn't empty cache

PenciDesign Supporter replied

Staff Reply

Hi,

I've checked your site, the main body container is now from 1170 to 1080px already:

image.png

What wrong?

Regards,
PenciDesign.


fioridizuccaimmagine replied

Customer Reply

I added code you suggested in style.css of the child theme (please check image in previous message) but it doesn't work, you can check here ( https://www.test.pupia.tv/ ). I can't modify main.css in main theme, else I'll have to change it after any update.

The only override possible is from theme customization and then css, but I should add also media queries.

PenciDesign Supporter replied

Staff Reply

Hi,

You should create a child theme then overwrite some CSS rules. This is a CSS code overwrite the main site from 1170 to 1080 px:

#navigation ul.menu > li.megamenu > ul.sub-menu,
.featured-style-29 .penci-featured-content .feat-text,
.pencislider-container .pencislider-content,
.featured-area.magazine-slider,
.vc-penci-w1170,
.container {
    max-width: 1080px;
}

Regards,
PenciDesign.

fioridizuccaimmagine started the conversation

Conversation Start

Hi, is it possible to create a main.css in child theme folder to override the original one? It seems it doesn't work. I'd like to reduce main body from 1170 to 1080 px.

Want to join this conversation or access attachments? Sign in first.