Layout Template Size

[clyn]

Hi,

1. Main content width for one sidebar templates* : 75%, 67, 58 and 50 but i need 80% and 90%
2. Main content width for two sidebars templates: 67%, 50 and 33 but i need 80% and 90%

or differents %, how can i add new one… Added image

Note: I am always looking forum first before add new ticket but cant find…

Thanks…

 

Attachments:

You must be logged in to view attached files.

[sharmstr]

You cant. You’ll have to set the sizes with custom css.

Left sidebar

COPY CODE

@media (min-width: 768px) {
    .sidebar.sidebar-main.col-sm-3.sidebar-left.col-sm-pull-9 {
        width: 10%;
    }
    .template-page.col-sm-9.col-sm-push-3.tpl-left {
        width: 90%;
    }
    .template-page.col-sm-push-3 {
        left: calc(10% - 1px);
    }
    .col-sm-pull-9 {
        right:90%;
    }
}

Right Sidebar

COPY CODE

@media (min-width: 768px) {
.template-page.col-sm-9.tpl-right {
width:90%;
}
.sidebar.sidebar-main.col-sm-3.sidebar-right {
    width: 10%;
}
}

Two sidebars

COPY CODE

@media (min-width: 768px) {
    .sidebar.sidebar-extra.col-sm-3.sidebar-3lr {
        width: 10%;
    }
    .sidebar.sidebar-main.col-sm-3.col-sm-pull-6.sidebar-3lr {
        width: 10%;
        right: 80%;
    }
    .template-page.col-sm-6.col-sm-push-3.tpl-3lr.posts-listing.masonry-listing.with-meta {
        left: calc(10% - 1px);
        width: 80%;
    }

}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[clyn]

to add child function.php or theme option custom css?

[sharmstr]

Css always goes in either quick css or your child theme’s styles.css file. Never in functions.php. That’s only for functions.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[clyn]

yes sure 🙂 … At the moment you never sleep, what a fast customer relationship ..Great…

Thank

[sharmstr]

I’m going on vacation for a week. I cant wait 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[clyn]

🙂 Great… Have Fun !!!

[Author]

Posts