Search Results for 'post grid'

[Andrew]

Andrew

#24842

hi Ben

Sorry, I didn’t see this reply before. I must have forgotten to check the email-me box.

Yes, it makes sense and thanks for the explanation. However, it sounds as if css in a child theme comes before custom css, so anything that is currently in my custom css within the Virtue admin section should work ok.

My css is as follows (sorry it’s rather long):

/* TOPBAR */

.kad-topbar-right {
        width: 35%;
}

.kad-topbar-left {
        width: 65%;
        float: left;
}

.topclass {
        border-bottom:1px solid #aaa;
}

#menu-topbar-menu li a {
        font-size:14px;
        color: black;
}

#menu-topbar-menu li a:hover {
        color: #ffffff;
        background-color:#1e73be;
}

.topbarmenu ul li a {
        font-size: 14px;
        color: black;
}

.topbarmenu ul li a:hover {
        color: #ffffff;
        background-color: #1e73be;
}

/* TOPBAR SEARCH */

#searchform {
        background-color: #1e73be;
}

#topbar-search input[type=text] {
        color: #ffffff;
        font-size: 14px;
}

/* HEADER */

#logo {
        padding-top: 8px;
        padding-bottom: 12px;
}

.kad-header-widget {       /* Free Delivery text */
        font-family: Open Sans;
        font-size: 14px;
        font-style: italic;
        text-align: right;
        padding-top: 30px;
        padding-right: 50px;
}

/*SECONDARY MENU */

#nav-second {
        border-bottom: 1px solid #aaa;
}

ul.sf-dropdown-menu {
        width: 100% !important;
}

/* active secondary menu submenu item */
#nav-second ul.sf-menu li.current-menu-item > a { 
        color: #000;
        background-color: #CED8F6;
        border-bottom: none;
}

/* non-active submenu items: */
#nav-second ul.sf-menu ul li a {
        font-size: 12pt;
        border-top: none;
}

/* HOME */

h3.hometitle {
        font-size: 50px;
        color: #777;
        font-weight: 600;
        line-height: 100px;
}

.graphflow_recommendations.related products h2 {
        align: center;
        font-size: 50px;
        color: #777;
        font-weight: 600;
        line-height: 100px
}

/* LARGE FONT PAGE STYLE */

p.large {
        font-size: 22px;
        line-height: 40px;
        color: #555;
}

table.large {
        font-size: 20px;
        line-height: 26px;
        color: #555;
        width: 100%;
        margin-top: 10px;
}

tr.large {
        vertical-align: top;
}

tr.description {
        font-size: 16px;
        line-height: 18px;
        font-style: italic;
}

h4.large {
        font-size: 40px;
        line-height: 50px;
        font-style: normal;
        color: #000;
}

/* NO TRANSITION - COLLECTION OF ELEMENTS */

.home-message,
.sf-menu a,
#nav-second ul.sf-menu li,
.kad-btn,
.button,
#commentform .form-submit #submit,
.post-password-form input[type=submit],
.topbarmenu ul li a,
.product_item a.product_item_link .kad-product-noflipper img,
.widget_layered_nav ul li a,
div.product-category.grid_item a h5 {

        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
}

/*  P R O D U C T S   G R I D  */

/* PRODUCT ARCHIVE IMAGES HOVER OPACITY */
.product_item:hover a.product_item_link .kad-product-noflipper img {
        opacity: .2;
}

/* "ON SALE" FLASHES */

.single-product.woocommerce span.onsale {
        font-size: 20px;
        background: #ff0000;
        background: rgba(255,0,0,.7);
        width: 70%;
        position: relative;
        left: 15%;
        right: 15%;
}

woocommerce span.onsale, span.onsale, .woocommerce #carouselcontainer span.onsale {
        font-size: 16px;
        background: #ff0000;
        background: rgba(255,0,0,.7);
        width: 100%;
}

/* ALIGN GRID PROPERLY */

.kad-woo-image-size {
        min-height: 100px;
        display: table-cell;
        width: 100%;
        vertical-align:middle;
        height: 100%;
}

.product_item  a.product_item_link {
        text-align:center;
        display: table;
        min-height: 80px;
        vertical-align:middle;
        width: 100%;
}

.product_item.product_details a.product_item_link {
        display: block;
        min-height: 0;
}

.products.product_item.product_details h5 {
        min-height: 0px;
}

.yotpo.bottomLine.yotpo-small {
        min-height: 12px;
}

.yotpo-bottomline.pull-left.star-clickable {
        min-height: 12px;
}

/* QUICK-VIEW: BUTTON - PRODUCTS ARCHIVE*/

a.quick-view-button { 
        font-size: 12px;
        text-transform: uppercase;
        line-height: 14px;
       /* border: 1px solid #aaa; */
       /* border-radius: 5px; */
        background-color: #ffccff;
        width: 100%;
        padding: 3px;
}

a.quick-view-button:hover { 
        background-color: #ff00ff;
        color: #ffffff;
}

a.quick-view-button.button {
        height: 28px;
}

.product_item a.product_item_link h5 {
        font-size: 20px;
        line-height: 22px;
}

/* QUICK-VIEW: PRODUCT MODAL */

div.woocommerce.quick-view.product,
div.wocommerce.quick-view-content,
div.wocommerce.quick-view-content form.variations_form .cart {
        height: 100%;
        width: 100%;
}

div.pp_pic_holder.pp_woocommerce.pp_woocommerce_quick_view div.pp_content_container div.quick-view-content form table.variations td.product_value #pa_pack-size {
        color: black;
}

/* fix theme conflict - "Choose an Option" is not visible */
div.product .quick-view-content form.cart .variations td.product_value select {
        opacity: 1;
}

/* PRODUCT PAGE */

/* Label above product attribute select box */

div.product form.cart .variations td.product_value {}
div.product form.cart .variations td.product_label {}

/*  Font sizes for attribute select box */

.woocommerce-page #content div.product form.cart .variations label  {
        font-size: 20px;
        text-transform: uppercase;       
        color: black;
}

.product_value .select2-container.kad-select .select2-choice>.select2-chosen {
        font-size: 16px;
        text-transform: capitalize;       
        color: black;
}

.product_meta {
        display: none;
}

/* Fix theme conflict with restocking alerts (out of stock message appears when no options are selected, ie when page first loads) */

#bolder_alerts_outer {              
        display: none;
}

input.bolder_alerts_submit {
        background-color: #33cc33;
        padding: 5px 15px;
        border: 1px solid #aaaaaa;
     /*   border-radius: 3px;  */
}

input.bolder_alerts_submit:hover {
       background-color: #99e699
}

/*  A D D   T O   C A R T  B U T T O N (INCL QUICK-VIEW MODAL POPUP) */

.product .entry-summary button.kad_add_to_cart, div.pp_pic_holder.pp_woocommerce.pp_woocommerce_quick_view div.pp_content_container div.quick-view-content form div.variations_button button {
        font-size: 20px;
        font-family: sans-serif;
        color: #1e73be;
        font-weight: normal;
        background-color: #f5cf5d;
        text-transform: capitalize;
        border: 1px solid black;
        border-radius: 5px;
        width: 200px;
        height: 50px;
        position: relative;
        left: 100px;
        transition: none;
}

.product .entry-summary .kad_add_to_cart:hover, div.pp_pic_holder.pp_woocommerce.pp_woocommerce_quick_view div.pp_content_container div.quick-view-content form div.variations_button button:hover {
        background-color: #f09707;
     /*background-color: #1e73be;*/
        color: #ffffff;
        transition: none;
}

/* PRODUCT TABS */

/*
div.product .woocommerce-tabs ul.tabs li.additional_information_tab {
        display: none;
}
*/

div.product .woocommerce-tabs ul.tabs li:hover {
        background-color:#ced8f6;
}
/* SHOP SIDEBAR - AJAX NAVIGATION */

.widget_layered_nav h3 {
        font-size:12px;
        line-height: 12px;
        text-transform: uppercase;
}

.widget_layered_nav ul li a {
        padding: 2px 2px 2px 2px;
        font-size:12px;
        line-height: 12px;
}

.widget_layered_nav ul li a:hover {
        background-color: #ced8f6 !important;
}

.widget_layered_nav ul li small.count {
        padding: 2px 2px 2px 2px;
        font-size:12px;
        line-height: 12px;
        color: black;
}

.yith-woo-ajax-navigation .yith-wcan-list li small.count {
       display: block;
       position: absolute;
       left: 80%;
       float: none;
       font-size: 10px;
}

.sidebar .widget {
        margin-top: 10px;
}

.kad-sidebar {
     /*border: none;*/
        border-left: 1px solid #aaa;
        padding: 25px;
     /*background-color:#ced8f6;*/
}

/*  PRODUCT SIDEBAR */

.widget_shopping_cart_content {
        border: 1px solid #aaaaaa;
        border-radius: 10px;
        padding: 10px;
}

.widget_shopping_cart_content ul li a {
        line-height: 16px;
}

.widget_shopping_cart_content p.buttons {
        float: right;
}

.button.checkout.wc-forward {
        font-size: 16px;
        border: 1px solid #aaaaaa;
        border-radius: 5px;
        padding: 4px;
}

.button.wc-forward {
        font-size: 16px;
        border: 1px solid #aaaaaa;
        border-radius: 5px;
        padding: 4px;
}

.widget-inner ul.product_list_widget {
        border: 1px solid #aaaaaa;
        border-radius: 5px;
        padding: 4px;
}

.widget-inner ul.product_list_widget li, li a, li ins {
        line-height: 16px;
}

/*  CHECKOUT PAGE */

#pay_with_amazon {
        height: 150px;
}

/* BOOKING FORM */

.rtb-booking-form fieldset {
        float: left;
        width: 50%;
}

.rtb-booking-form form .add-message {
	display: none;
}
.rtb-booking-form form .message {
	position: relative;
	top: auto;
	left: auto;
}

.rtb-booking-form label {
        font-family: Open Sans;
}

#booking-button {
        float: right;
        margin-right: 200px;
        font-size: 24px;
        padding: 15px;
        line-height: 50px;
        border-radius: 15px;
        background-color: #07de39;
        color: #ffffff;
}

#booking-button:hover {
        background-color: #97fa93;
        color: #000000;
}

/* FORUM */

a.bbp-forum-title {
        color: #555555;
        font-size: 28px;
        line-height: 32px;
}

a.bbp-forum-title:hover {
        color: #ffffff;
        background-color: #1e73be;
        font-size: 28px;
        line-height: 32px;
}

p.bbp-forum-description {
        display: none;
}

.bbp-forum-content p {
        font-size: 16px;
        color: #555555;
        font-style: italic;
}

/* TESTIMONIALS */

.testimonialbox {
        min-height: 180px;
        border-width: 1px;
        border-color:#8c8c8c;
        font-style: normal;
}

.testimonialbottom p {
        min-height: 42px;
}

/* FOOTER */

#containerfooter {
        font-size: 14px;
}

#containerfooter h3 {
        font-size: 20px;
}

#containerfooter .menu li a {
        padding: 2px 12px;
        max-width: 200px;
        background: #ced8f6;
}

[Ben Ritner]

Ben Ritner

#24532

So if you look here the video shows some options for your home page.. layout out how you can use pagebuilder: https://www.kadencewp.com/creating-a-home-page-with-virtue/

Inside page-builder you can add a virtue: carousel widget and choose to show blog posts.

If you want to show a grid then you would make your home page the latest posts. in your settings > reading. The “page content” becomes your posts and you can select grid at the bottom of your theme options > home layout.

Ben

[Ben Ritner]

Ben Ritner

#24480

Hey,
The images are sized to fix the columns they are in. And if you have more columns they would be smaller. The “latest posts module” only has a 2 column option but you can use a shortcode for a blog carousel. Or change the page to be your latest post page then use the “page content” to display your posts in a grid like the blog grid page.

Ben

[Ben Ritner]

Ben Ritner

#23957

There is padding because on some sites you would have the background a different color then the post class… see here: http://themes.kadencethemes.com/pinnacle-premium/blog-grid-example/

You can add this css to change:

#kad-blog-grid .blog_item .postcontent {
padding: 5px 0px 15px;
}

Ben

[Al]

Al

#23776

REPOST

Al:

Is it possible to have the blog category/archive grid align each grid element to the left instead of the right?

See attached –

Grid Aligment

REPLY

Ben Ritner
NOVEMBER 17, 2014 AT 1:21 AM #22694
Hey,
It’s doesn’t align by side right or left. It aligns by height… or depth down the page. It’s a masonry style so its looking to fit each piece together. Since your third post isn’t as tall as your first and second post on the page the fourth goes below the third because that places it at the highest point in the page.

You can make it so the posts are all the same size then it would align left. But that would mean you would have to set a min height on the posts and it wouldn’t give you the masonry layout.

Ben

REPLY

Al
NOVEMBER 18, 2014 AT 8:45 AM #22856
Thanks for the feedback Ben. I’ll work on the excerpt lengths if that’s the case and try to make them fit that way.

REPLY

Al
NOVEMBER 27, 2014 AT 12:22 PM #23701
Ben,

I’d like to give it a try (setting the min height on the post to get a consistent layout). How would I do this?

Al

REPLY

Al
NOVEMBER 27, 2014 AT 12:22 PM #23702
Also, could I set a min width?

REPLY

Ben, I reposted this as the first one I marked as resolved. Unsure if you’re flagged about those so I thought I repost in the event you’re not.

Al

[Al]

Al

#23776

REPOST

Al:

Is it possible to have the blog category/archive grid align each grid element to the left instead of the right?

See attached –

Grid Aligment

REPLY

Ben Ritner
NOVEMBER 17, 2014 AT 1:21 AM #22694
Hey,
It’s doesn’t align by side right or left. It aligns by height… or depth down the page. It’s a masonry style so its looking to fit each piece together. Since your third post isn’t as tall as your first and second post on the page the fourth goes below the third because that places it at the highest point in the page.

You can make it so the posts are all the same size then it would align left. But that would mean you would have to set a min height on the posts and it wouldn’t give you the masonry layout.

Ben

REPLY

Al
NOVEMBER 18, 2014 AT 8:45 AM #22856
Thanks for the feedback Ben. I’ll work on the excerpt lengths if that’s the case and try to make them fit that way.

REPLY

Al
NOVEMBER 27, 2014 AT 12:22 PM #23701
Ben,

I’d like to give it a try (setting the min height on the post to get a consistent layout). How would I do this?

Al

REPLY

Al
NOVEMBER 27, 2014 AT 12:22 PM #23702
Also, could I set a min width?

REPLY

Ben, I reposted this as the first one I marked as resolved. Unsure if you’re flagged about those so I thought I repost in the event you’re not.

Al

[Ingrid]

Ingrid

#23286

Hi Hannah,

Thanks so much for your response!

#2 worked, but unfortunately #1 didn’t.

FYI, I am also using the following code that I found from another post. Not sure if that my cause some kind of conflict with #1.

.single-portfolio .kad-wp-gallery .grid_item {
padding: 5px;
border: 1px solid #ddd;
-moz-box-shadow: 0 0 4px rgba(0,0,0,.4);
-webkit-box-shadow: 0 0 4px rgba(0,0,0,.4);
box-shadow: 0 0 4px rgba(0,0,0,.4);
}

[Nicola Crossley]

Nicola Crossley

#22663

Hi,
I have revolution slider set up in my site and it was working fine until I added some tables.
I followed your advice and instead of the tables in text I added the recommended plugin and built them in there instead. I thought once I did that and then cleared the cache that the slider would display normally again. But it isn’t.
Can’t provide a link but this is what it looks like:
*Login to see link

The odd thing is that when I right click to inspect the element it goes back to normal….

Is there anything in the following CSS that might be messing it up?

.postdate, .kad-hidedate, .postdatetooltip {display:none;}
.postcommentscount {display:none;}
.subhead{
visibility:hidden;
}
#nav-second ul.sf-menu>li {
width: auto;
padding: 2px 19px;
}
.home-padding {
padding: 0px 0 15px;
}
.sliderclass {
padding: 0px 0px 0px;
}
.kad-header-left {
width: 70%;
float: left;
text-align: left;
}
.kad-header-widget {
width: 30%;
float: left;
text-align: left;
}
.tp-leftarrow.custom, .tp-rightarrow.custom {
background: transparent;
color: #d1d2d4;
font-size: 30px;
font-family: virtue_icons;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.tp-leftarrow.custom:before {
content: “e3b3”;
}
.tp-rightarrow.custom:before {
content: “e3b1”;
}
.kad-info-box {
-ms-transform: scale(1,1); /* IE 9 */
-webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
transform: scale(1,1);
-webkit-transition: -webkit-transform .2s ease-in; /* Changed here */
-moz-transition: -moz-transform .2s ease-in;
-o-transition: -o-transform .2s ease-in;
transition: transform .2s ease-in;
}
.kad-info-box:hover {
-ms-transform: scale(1.1,1.1); /* IE 9 */
-webkit-transform: scale(1.1,1.1); /* Chrome, Safari, Opera */
transform: scale(1.1,1.1);
}
.panel-row-style-wide-grey .panel-grid-cell {
padding: 0px 0px 0px 0px;
}
.kad-info-box {
padding: 0px 0;
}
.home .panel-grid:only-child .panel-row-style-wide-grey, .home .panel-grid:last-child .panel-row-style-wide-grey {
margin-bottom: 0 !important;
}
.contentclass {
padding-bottom: 5px;
padding-top: 10px;
}
.panel-grid-cell .panel {
margin-bottom: 0px;
}

Many thanks

Nic

[Nicola Crossley]

Nicola Crossley

#22663

Hi,
I have revolution slider set up in my site and it was working fine until I added some tables.
I followed your advice and instead of the tables in text I added the recommended plugin and built them in there instead. I thought once I did that and then cleared the cache that the slider would display normally again. But it isn’t.
Can’t provide a link but this is what it looks like:
*Login to see link

The odd thing is that when I right click to inspect the element it goes back to normal….

Is there anything in the following CSS that might be messing it up?

.postdate, .kad-hidedate, .postdatetooltip {display:none;}
.postcommentscount {display:none;}
.subhead{
visibility:hidden;
}
#nav-second ul.sf-menu>li {
width: auto;
padding: 2px 19px;
}
.home-padding {
padding: 0px 0 15px;
}
.sliderclass {
padding: 0px 0px 0px;
}
.kad-header-left {
width: 70%;
float: left;
text-align: left;
}
.kad-header-widget {
width: 30%;
float: left;
text-align: left;
}
.tp-leftarrow.custom, .tp-rightarrow.custom {
background: transparent;
color: #d1d2d4;
font-size: 30px;
font-family: virtue_icons;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.tp-leftarrow.custom:before {
content: “e3b3”;
}
.tp-rightarrow.custom:before {
content: “e3b1”;
}
.kad-info-box {
-ms-transform: scale(1,1); /* IE 9 */
-webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
transform: scale(1,1);
-webkit-transition: -webkit-transform .2s ease-in; /* Changed here */
-moz-transition: -moz-transform .2s ease-in;
-o-transition: -o-transform .2s ease-in;
transition: transform .2s ease-in;
}
.kad-info-box:hover {
-ms-transform: scale(1.1,1.1); /* IE 9 */
-webkit-transform: scale(1.1,1.1); /* Chrome, Safari, Opera */
transform: scale(1.1,1.1);
}
.panel-row-style-wide-grey .panel-grid-cell {
padding: 0px 0px 0px 0px;
}
.kad-info-box {
padding: 0px 0;
}
.home .panel-grid:only-child .panel-row-style-wide-grey, .home .panel-grid:last-child .panel-row-style-wide-grey {
margin-bottom: 0 !important;
}
.contentclass {
padding-bottom: 5px;
padding-top: 10px;
}
.panel-grid-cell .panel {
margin-bottom: 0px;
}

Many thanks

Nic

[Ben Ritner]

Ben Ritner

#22457

Hey Adam, The virtue theme doesn’t have a built in option for a portfolio full screen width, no margin grid. Using the portfolio posts or gallery option will get you the closest but it’s not nearly the same.

The pinnacle theme has this option by the way. Or you can look into a plugin that would create an area like that.

Ben

[Roberta]

Roberta

#22348

Hi Ben, thanks for your reply.

I’ve almost get the result i wanted with this short code: [portfolio_posts orderby=menu_order columns=”4″ items=”12″ height=”200″ lightbox=true showtypes=true ]

One thing is still missing in the resulting page when i use shortcode (provided by the page template instead) : i cannot get the “types of portfolio” tabs atop the grid to selectively show projects by prj type.here the grid with tabs i get with page template: http://www.archimedea.it/portfolio/

Finally, how can i change inside each tab: text color, background color and font size ?

Thanks for your support.
Regards,
Roberta

[Ben Ritner]

Ben Ritner

#22312

You would have to use the portfolio shortcode instead of the page template if you want to have any content below the grid.
So you would use the fullwidth template instead and it would look like this:

[portfolio_posts columns="3" items="12"]

Ben

[Glenn]

Glenn

#22285

Hi

I have just about built the page out with your beautiful theme.

I am using the Page Content option to show latest posts on the front page.

I am trying to only get it to show latest posts from a particular category, but am unable to get it to do that. It seems to be just pulling the latest posts from overall.

I have tried other options, but nothing where I could keep the ‘summary scrolling grid of posts’ look.

could you advise please

Thanks

Glenn

[Glenn]

Glenn

#22285

Hi

I have just about built the page out with your beautiful theme.

I am using the Page Content option to show latest posts on the front page.

I am trying to only get it to show latest posts from a particular category, but am unable to get it to do that. It seems to be just pulling the latest posts from overall.

I have tried other options, but nothing where I could keep the ‘summary scrolling grid of posts’ look.

could you advise please

Thanks

Glenn

[Ben Ritner]

Ben Ritner

#22097

Hey,
First in the settings > reading make sure you have not selected a page to be your latest posts page. Just leave it blank. Then in the page where you can edit choose the blog photogrid page template.

Ben

[Amy]

Amy

#22062

Hi All,

I have created my blog post page and all posts are showing up fine.

http://www.looktoseaphoto.com/blog

I want the blog posts to look like this example:
*Login to see link

Any help is greatly appreciated!

[Amy]

Amy

#22062

Hi All,

I have created my blog post page and all posts are showing up fine.

http://www.looktoseaphoto.com/blog

I want the blog posts to look like this example:
*Login to see link

Any help is greatly appreciated!

[Ben Ritner]

Ben Ritner

#22035

Here is an example of the category grid: http://themes.kadencethemes.com/virtue-premium-2/portfolio-category-grid/

Which is a portfolio type for each image (you set the image by going to the portfolio > work types. then click the edit and choose an image). Each image then links to the page that shows all the portfolio posts in that type.

Here is a portfolio grid as an example of one what shows all the portfolio posts: http://themes.kadencethemes.com/virtue-premium-2/portfolio/

Ben

[Pascal]

Pascal

#22032

Hi,
I realized I posted my question at the wrong place. So here is a new topic :
Hi there,
I still don’t understand how to use Portfolio category grid. Could you show me an example of using both Portfolio grid and portfolio category grid ?
Here is a link to my portfolio page where I’d like to add a portfolio category grid *Login to see link

[Pascal]

Pascal

#22032

Hi,
I realized I posted my question at the wrong place. So here is a new topic :
Hi there,
I still don’t understand how to use Portfolio category grid. Could you show me an example of using both Portfolio grid and portfolio category grid ?
Here is a link to my portfolio page where I’d like to add a portfolio category grid *Login to see link

[Martin]

Martin

#21891

Hello everybody,

I’m searching for an special image gallery for my blog.
It should look like the portfolio grid but with the “pinterest style” from the blog grid. Images should have the same width but individual hight. I’m also usig text for the images, but this should only be seen as you click on it (like in the portfolio layout).
How could I realize this?
And how could I use as a blog post? It should be a blog post which will be updated from time to time with new photos.

Anyone suggestions?

Thanks and best regards, Martin

[Martin]

Martin

#21891

Hello everybody,

I’m searching for an special image gallery for my blog.
It should look like the portfolio grid but with the “pinterest style” from the blog grid. Images should have the same width but individual hight. I’m also usig text for the images, but this should only be seen as you click on it (like in the portfolio layout).
How could I realize this?
And how could I use as a blog post? It should be a blog post which will be updated from time to time with new photos.

Anyone suggestions?

Thanks and best regards, Martin

[Stuart]

Stuart

#21859

Hi Ben,

Is there a way to use the regular post style format on the search page rather than the grid?

Thanks,
Belinda

[Stuart]

Stuart

#21859

Hi Ben,

Is there a way to use the regular post style format on the search page rather than the grid?

Thanks,
Belinda

[Ben Ritner]

Ben Ritner

#21744

Hey,

1. 0 isn’t actually an option it’s considered default meaning it doesn’t add an output of 0 padding because 0 is the default for a number input box. If you changed to 1 or like I said 10 it would have an effect. The default in the css is 20 and if you leave on 0 then 20 is what will apply because it’s in the css.

2. Your using the latest post widget which is a sidebar widget. You would have to use a blog shortcode if you wanted content like the home page. Which you don’t need to do, just add the css and use the home page theme options settings.

If the css isn’t working for you then add this:

.home .panel-grid:only-child .panel-row-style-wide-grey, .home .panel-grid:last-child .panel-row-style-wide-grey {
margin-bottom: 0 !important;
}

Ben

[Nicola Crossley]

Nicola Crossley

#21740

Hello,

Not having a good day – and I’m guessing I might be ruining yours – so sorry.
I added latest posts to the page but it’s all shoved up on one side and I liked the way it was displayed before……..what am I doing wrong with the following CSS?
.home .panel-grid:only-child .panel-row-style-wide-grey {
margin-bottom: 0;
}

Many thanks

Nic

[Ben Ritner]

Ben Ritner

#21726

You can adjust the padding in the page-builder row styles, change to 10 or whatever.

I think I see why your getting the overlap.. since your only using 1 row in page-builder and adding the latest posts through the theme options the layout is confused.. add this:

.home .panel-grid:only-child .panel-row-style-wide-grey {
margin-bottom: 0;
}

Ben