Search Results for 'post grid'

[Juan Pedro]

Juan Pedro

#45997

Hi,
Suddenly the distance between my POST grid and a box I have as a welcome message, has increased its width. How can I fix this?
the page: http://www.jjrobots.com (main page)

How can I attach a screencapture as help?

Cheers

[Juan Pedro]

Juan Pedro

#45997

Hi,
Suddenly the distance between my POST grid and a box I have as a welcome message, has increased its width. How can I fix this?
the page: http://www.jjrobots.com (main page)

How can I attach a screencapture as help?

Cheers

[Ben Ritner]

Ben Ritner

#45895

Hey,
In your theme options > home layout. Disable the “latest posts” and enabled the “home widget area”.

Then in your appearance > widgets add a text widget to the “home widget area” then add this shortcode to the text widget:

[blog_grid columns="4" items="4"]

Ben

[Arrien]

Arrien

#45757

Hi Hannah,

When I look at the page http://tynes.ca/en/our-products/, I just see a post grid.

What I should be seeing is 3 columns with headers and sub headers and posts within each column.

Thanks,
Arrien

[Jenny]

Jenny

#45359

Hi there
I have my portfolio grid setup on my main page. I want to change it from 4 columns to 5 but it doesn’t respond to the changed setting. It seems to be stuck on 4 columns. Also, there are several new portfolio posts which I cannot get onto the grid. How can I fix this? My site is lesleydumbrell.com
thanks for your help.
J

[Jenny]

Jenny

#45359

Hi there
I have my portfolio grid setup on my main page. I want to change it from 4 columns to 5 but it doesn’t respond to the changed setting. It seems to be stuck on 4 columns. Also, there are several new portfolio posts which I cannot get onto the grid. How can I fix this? My site is lesleydumbrell.com
thanks for your help.
J

[Mazi]

Mazi

#44933

OK, thank you for all the help. I wanna know is there a way to make my home page posts show up as a grid?

[Hannah]

Hannah

#44837

Hi Mark,
The staff page works much like the portfolio page. You have to actually create staff posts (you should see a Staff tab in your admin panel). Then if you’ve selected the staff grid template then it will pull your staff posts to that page. Does that make sense?

Hannah

[Ben Ritner]

Ben Ritner

#44190

Hey,
So that shortcode is for a grid of portfolio posts? Not a carousel?

If you wanted to edit a shortcode the best way is to copy the theme shortcode and make a custom one in your child theme with your own changes. Unless you know what your doing code wise I don’t recommend this.

I also recommend that take google page speed lightly. It doesn’t actaully tell you anything about your actaul load time. Just tips to potentially help your load time. The difference between an image that is 400×400 and 347×347 is not very large.

Also there is a reason I set the sizes that way. They look a lot better in all browsers when you have a little cushion in your images. When a browser has to resize an image and it’s only a couple pixels different (remember you are supporting multiple devices) it often can throw off the images quality.

Lastly 400px is better for mobile where you have one column of portfolio posts.

Ben

[judy]

judy

#43900

Thanks, I will check the theme options and re-do the numbering starting with 0. Assuming that works, my remaining question is,

Why is the *grid icon* at the top of the portfolio posts (to the right of the page header, between the 2 arrows) leading to a broken link, and how do I fix that?

Thanks, almost done!

[judy]

judy

#43832

Ben, I realize why the <h2> tags were showing (sheepish).

So my remaining questions are about the “attributes -> order” functionality in the portfolio post creation (why isn’t that ordering the posts on the portfolio gallery?)

and

why is the grid icon on the portfolio posts pages leading to a broken link (and how do I fix that)?

Thanks, almost done!

[judy]

judy

#43828

Also, in addition to the numbering attributes question, when you clikc through to the portfolio post itself, the little grid icon between the arrows at the top of that page leads to a broken link. Is there some css to fix that? Thanks.

[Kenta]

Kenta

#43493

It worked perfectly at the production website, not at the local test website, as you can see at http://puresuiren-test.2-d.jp
The problem is the font-face that I wrote in the css seems not being applied to a Home page at the local test website, which looks like this http://puresuiren-test.2-d.jp/home-dammy/. This is the dummy page to show how is looks at the local test website as I couldn’t attach the image file here. All the other pages works just fine and look the same as the production website. Only the Home page looks different and seems the css code is not applied correctly.
Both the production and local test website should be in the same configuration and environment but their fonts look different.

CSS code that I wrote is as below.

————————————————————————————————————–
@font-face {
font-family: ‘Noto Sans Japanese’ !important;
font-style: normal !important;
font-weight: 100 !important;
src: url(‘../wp-includes/fonts/NotoSansJapaneseThin.eot’); /* IE9 Compat Modes */
src: url(‘../wp-includes/fonts/NotoSansJapaneseThin.eot?#iefix’) format(’embedded-opentype’), /* IE6-IE8 */
url(‘../wp-includes/fonts/NotoSansJapaneseThin.woff’) format(‘woff’), /* Modern Browsers */
url(‘../wp-includes/fonts/NotoSansJapaneseThin.ttf’) format(‘truetype’); /* Safari, Android, iOS */
}

@media (min-width: 1200px){
div.page-header.page-header{
padding-top: 200px !important;
}

div#pageheader.titleclass.kad-parallax{
height:800px ;
}

h1.kad-page-title,
.kadcaptiontitle{
font-family: ‘Noto Sans Japanese’ !important;
line-height: 88px !important;
font-weight: 100 !important;
font-style: normal !important;
font-size: 45px !important;
}

h3,
h2{
font-family: ‘Noto Sans Japanese’!important;
line-height: 40px !important;
font-weight: 300 !important;
font-style: normal !important;
font-size: 30px !important;
}

h5,
p,
a{
font-family: ‘Noto Sans Japanese’ !important;
line-height: 40px !important;
font-weight: 100 !important;
font-style: normal !important;
}

body{
font-family: ‘Noto Sans Japanese’ !important;
font-weight: 100 !important;
font-style: normal !important;
}
h1.kad-page-title,
.kadcaptiontitle{
padding-top:170px;
}
}

@media (min-width: 992px){
h1.kad-page-title.home-page-title,
.kadcaptiontitle {
font-size: 40px !important;
}

div.page-header.page-header{
padding-top: 200px !important;
}

div#pageheader.titleclass.kad-parallax{
height:800px ;
}

p{
line-height: 20px !important;
font-size: 18px !important;
}

h1.kad-page-title,
.kadcaptiontitle{
font-family: ‘Noto Sans Japanese’ !important;
line-height: 88px !important;
font-weight: 100 !important;
font-style: normal !important;
font-size: 45px !important;
}

h3,
h2{
font-family: ‘Noto Sans Japanese’!important;
line-height: 40px !important;
font-weight: 300 !important;
font-style: normal !important;
font-size: 30px !important;
}

h5,
p,
a{
font-family: ‘Noto Sans Japanese’ !important;
line-height: 40px !important;
font-weight: 100 !important;
font-style: normal !important;
}

body{
font-family: ‘Noto Sans Japanese’ !important;
font-weight: 100 !important;
font-style: normal !important;
}
h1.kad-page-title,
.kadcaptiontitle{
padding-top:170px;
}
}

@media (min-width: 768px){
h1.kad-page-title.home-page-title,
.kadcaptiontitle {
font-size: 40px !important;
}

div.page-header.page-header{
padding-top: 200px !important;
}

div#pageheader.titleclass.kad-parallax{
height:800px ;
}

p{
line-height: 20px !important;
font-size: 18px !important;
}
h1.kad-page-title,
.kadcaptiontitle{
font-family: ‘Noto Sans Japanese’ !important;
line-height: 88px !important;
font-weight: 100 !important;
font-style: normal !important;
font-size: 45px !important;
}

h3,
h2{
font-family: ‘Noto Sans Japanese’!important;
line-height: 40px !important;
font-weight: 300 !important;
font-style: normal !important;
font-size: 30px !important;
}

h5,
p,
a{
font-family: ‘Noto Sans Japanese’ !important;
line-height: 40px !important;
font-weight: 100 !important;
font-style: normal !important;
}

body{
font-family: ‘Noto Sans Japanese’ !important;
font-weight: 100 !important;
font-style: normal !important;
}
h1.kad-page-title,
.kadcaptiontitle{
padding-top:170px;
}
}

@media (max-width: 767px){
div.page-header.page-header,
div.page-header{
padding-top: 0px !important;
}

div#pageheader.titleclass.kad-parallax{
height:400px ;
}

p{
font-family: ‘Noto Sans Japanese’ !important;
line-height: 30px !important;
font-size: 13px !important;
}
h1.kad-page-title,
.kadcaptiontitle{
font-family: ‘Noto Sans Japanese’ !important;
line-height: 40px !important;
font-weight: 100 !important;
font-style: normal !important;
font-size: 28px !important;
}

h3,
h2{
font-family: ‘Noto Sans Japanese’!important;
line-height: 40px !important;
font-weight: 300 !important;
font-style: normal !important;
font-size: 20px !important;
}

h5,
a{
font-family: ‘Noto Sans Japanese’ !important;
line-height: 40px !important;
font-weight: 100 !important;
font-style: normal !important;
font-size:17px !important;
}

body{
font-family: ‘Noto Sans Japanese’ !important;
font-weight: 100 !important;
font-style: normal !important;
}
h1.kad-page-title,
.kadcaptiontitle{
padding-top:80px;
}

#pg-3373-1 div.siteorigin-panels-stretch.kt-panel-row-full-stretch.panel-row-style{
height: 400px !important;
background-position: center center !important;
}
#thelogo div.kad-standard-logo.kad-lg,
#thelogo div.kad-lg.kad-standard-logo-tranbg{
width:120px !important;
}
div.kad-navbtn.mobileclass.clearfix{
padding-top:15px !important;
color:white !important;
font-size:large !important;
}
}

.testimonialbottom p{
font-size:13px !important;
color:white;
}

.testimonialbox p.p1{
font-size:14px !important;
}

.widget-title:after {
width: 80px;
margin: 10px auto;
background-color: #FFF;
}

.boxi1 {
background:#f9f9f9;
padding:15px 0 1px;
text-align:center;
border-radius:5px;
margin-bottom:20px;
}

.boxi1 div {
font-size:28px;
}

.kad-header-style-basic .kad-primary-nav ul.sf-menu ul li a {
font-size: 14px !important;
}

.boxi1 p {
margin:5px 0 0;
min-height:40px;
}

div.postclass.pageclass.clearfix {
background-color: #ffffff;
}

#topbar .top-menu-search-btn.collapsed,
#topbar .top-menu-cart-btn.collapsed,
#topbar .top-menu-search-btn,
#topbar .top-menu-cart-btn {
font-size:18px;
}

aside.col-lg-3.col-md-4 {
border-style: ridge;
border-color: #c1c1c1;
border-width: 1px;
margin-top: 29px;
}

#pg-2863-0,
#pg-2863-3,
#pg-2863-5,
#pg-2863-7,
#pg-2863-9,
#pg-2863-11,
#pl-2863 .panel-grid-cell .so-panel {
margin-bottom: 5px;
}

div#pg-2863-3.panel-grid{
margin-bottom:0px;
}

h1.product_title.entry-title,
p.price {
color:#bd83cb;
}

div.summary.entry-summary.postclass{
background-color: ghostwhite;
}

#HeaderBelow.cf
{
text-align:center;
}

#HeaderBelow h4
{
color:#800080;
}

div#pg-3167-4.panel-grid #panel-3167-4-0-0 div.panel-widget-style h3.widget-title{
color:white !important;
}

.infobanner{
border-radius:10px !important;
box-shadow:3px 3px 3px rgba(0,0,0,0.5)!important;
}

#pg-3373-5 div.kad_img_upload_widget img{
border-radius:10px;
box-shadow:3px 3px 3px rgba(0,0,0,0.5)!important;
}

#pg-3373-15 div.testimonialbottom p{
color:white !important;
font-size:13px !important;
margin-right:31px !important;
}

#pg-3373-15 div.testimonialbox {
background:#FFFBB6;
}

#pg-3373-15 div.lipbg.kad-arrow-down {
border-left: 16px solid transparent;
border-right: 16px solid transparent;
border-top: 16px solid #FFFBB6;
}

#pg-3373-18 div.kad_img_upload_widget img,
#pg-3373-19 div.kad_img_upload_widget img,
#pg-3373-20 div.kad_img_upload_widget img,
#pg-3373-21 div.kad_img_upload_widget img{
border-radius:20px;
}

————————————————————————————————————–

[David]

David

#43491

Hi,

I’m trying to get posts to display on the homepage (one column, 8 posts and with infinite scroll enabled for older posts). How’s the best way to go about this? I’ve tried using blog_posts virtue shortcode with number of posts set to 999, but this displays all of the posts in one go as a 2 column grid.

I know that the homepage uses its own template, and I know I can set homepage to display posts instead of a page which does the job, but then I lose the homepage slider. Any thoughts?

Website is behind a ‘coming soon’ but can provide login if necessary.

Thanks,
David.

[David]

David

#43491

Hi,

I’m trying to get posts to display on the homepage (one column, 8 posts and with infinite scroll enabled for older posts). How’s the best way to go about this? I’ve tried using blog_posts virtue shortcode with number of posts set to 999, but this displays all of the posts in one go as a 2 column grid.

I know that the homepage uses its own template, and I know I can set homepage to display posts instead of a page which does the job, but then I lose the homepage slider. Any thoughts?

Website is behind a ‘coming soon’ but can provide login if necessary.

Thanks,
David.

[Hannah]

Hannah

#43154

Hey Gre,
In your edit page can select the Portfolio Category Grid page template under Page Attributes. This will allow you to only show the portfolio posts from a specific type (assuming you’ve created separate portfolio types and assigned portfolio posts to them). Then to link to it from your menu you would just go to Appearance > Menus and select the Portfolio Type. If you don’t see the Portfolio Type option you may need to select it from the screen options tab on the top right of the page.
Hope that helps!

Hannah

[Ben Ritner]

Ben Ritner

#43042

Hey,
You can’t create a permalink structure like that in wordpress using two different post types. WordPress isn’t set up for that. Meaning you can’t have a artists page and an artist child page and use the same base slug as the portfolio posts.

You would have to make the two slugs different say the portfolio page was /gallery/
and your child portfolio grid page was /gallery/name-of-artist

Then your portfolio post url could be /artists/name-of-artist/name-of-painting

the base slugs have to be different if your going to make child pages of the portfolio grid.

Ben

[M]

M

#42916

This reply has been marked as private.

[Clare]

Clare

#42898

Thanks, worked great.

Here a page that uses the blog grid page template – https://www.richyrewards.com/freebies/

It’s set to 3 columns and 6 per page, is there any way to select two categories on the dropdown? I can set one as a sub-category, but the posts are mixed together based on date order, rather than displaying all of one category, then the other.

[Ben Ritner]

Ben Ritner

#42872

That is the pinnacle: post grid and you can select to have it show portfolio posts.

Ben

[Jane]

Jane

#42858

1. It’s currently setup as a static page and i’m using the home widget as my homepage right now because I’m using the kadence slider. But ever since I’ve added some ads, the slider is really slow at loading so I will need to remove it. So how do I setup so that the pagebuilder will be the homepage?

These below links look like they have two sidebars side by side. Can pagebuilder do this? Have one primary sidebar and a second column like you said right next to each other?

http://www.theravenouscouple.com/

http://sallysbakingaddiction.com/2013/11/24/peppermint-mocha-cupcakes/

2. http://www.twopeasinthepantry.com. My logo has reduced in size when I changed the logo layout to widget. How can I enlarge it again?

3. Since I will be removing the slider, i need to add back in the latest post (one post). But I’m worried that it will affect the current grid layout of the Category pages. http://www.twopeasinthepantry.com/category/main-dishes/ Can I do just one post and still have the current grid layout that shows multiple posts?

I’m so sorry for all these questions. It just seems different problems come up all the time.

[Clare]

Clare

#42851

Hi,

I’ve putting a system in place for posts to expire on a certain date and switch to a new category, but I wanted the expired posts to appear after the current posts, rather than being mixed together and sorted by date.

I’m nearly there with it now, the main snag is having this page paginated with 6/9 posts on one page. Here’s what I’m using so far:

[blog_posts items=”999″ orderby=”date” columns=3 cat=”freebies”]
[blog_posts items=”999″ orderby=”date” columns=3 cat=”expired-freebies”]

Test page – *Login to see link

The current system is automatically paginated by Blog Grid page template, with 6 on a page.

The only other issue is that the page still displays the posts in 2 columns rather than 3, is there something wrong with the shortcode?

Thanks

[Clare]

Clare

#42851

Hi,

I’ve putting a system in place for posts to expire on a certain date and switch to a new category, but I wanted the expired posts to appear after the current posts, rather than being mixed together and sorted by date.

I’m nearly there with it now, the main snag is having this page paginated with 6/9 posts on one page. Here’s what I’m using so far:

[blog_posts items=”999″ orderby=”date” columns=3 cat=”freebies”]
[blog_posts items=”999″ orderby=”date” columns=3 cat=”expired-freebies”]

Test page – *Login to see link

The current system is automatically paginated by Blog Grid page template, with 6 on a page.

The only other issue is that the page still displays the posts in 2 columns rather than 3, is there something wrong with the shortcode?

Thanks

[Peter]

Peter

#42758

Hi,

I have setup my blog posts to display horizontally using the display option ‘Post Excerpt’ under Theme Options > Blog Options.

Can you show me how to display the search results in the same way? Currently when I do a search they show up using the ‘Grid Posts’ display option. I’m unsure how to change this.

Many thanks for you help!
Peter

[Peter]

Peter

#42758

Hi,

I have setup my blog posts to display horizontally using the display option ‘Post Excerpt’ under Theme Options > Blog Options.

Can you show me how to display the search results in the same way? Currently when I do a search they show up using the ‘Grid Posts’ display option. I’m unsure how to change this.

Many thanks for you help!
Peter