Return to previous page

How can i show blog as in 3 columns - by oscar.kid

This topic has 13 replies, 3 voices, and was last updated 3 years, 8 months ago ago by Olga Barlow

oscar.kid

Participant

July 29, 2020 at 20:01

how can i show my blog on the home page to show as 3 columns

Please, contact administrator
for this information.

#245927 Copied Theme version: 6.3.8

12 Answers

Rose Tyler

Support staff

July 30, 2020 at 11:02

Hello,

Could you provide temporary wp-admin access?

Regards

#245980 Copied

oscar.kid

Participant

July 30, 2020 at 11:07

I have shared privately.

Thanks

Please contact administrator
for this information.

#245981 Copied

Rose Tyler

Support staff

July 30, 2020 at 12:07

Blog element inherits layout from Blog page (Theme Options > Blog > Blog layout), so set the columns via Theme Options and update the theme – http://xstore.helpscoutdocs.com/article/63-theme-update

Regards

#245992 Copied

oscar.kid

Participant

August 2, 2020 at 14:36

Hi,

I have selected 3 columns but still it doesn’t show me 3 columns.

– I want to show the blogs as 3 columns on the home page
– I would like to display blogs as 3 columns on the blogs page
– on the blogs page itself, I would like the featured image to be small, currently its top big and covers the whole page.

Appreciate any help in this please.

Thanks,

#246281 Copied

Rose Tyler

Support staff

August 2, 2020 at 14:44

Hi,

Go to Theme Options > Blog > Blog layout > Columns – set 3, and set the desired Image Sizes For Blog, for example – 300×300 (after these changes, you need to regenerate thumbnails to apply new size, use Regenerate Thumbnails plugin to do this.)

Regards

#246282 Copied

oscar.kid

Participant

August 2, 2020 at 15:29

sent details on private message

Please contact administrator
for this information.

#246284 Copied
Rose Tyler

Support staff

August 2, 2020 at 16:04
Hi,

1) Use Blog Carousel element, set Items per page – 3 and Number of slides per view – 3
2) Theme Options > Blog > Blog layout > Show “Category” Label On Posts > Off
3) Add this code in Theme Options > Theme Custom CSS:
```
.single-post article .wp-picture {
    max-width: 50%;
    margin: auto;
}
```
4) Theme Options > Blog > Blog layout > Blog Image Hover > None
5) Enable Breadcrumbs via Theme Options for all pages, or go to edit Blog page > [8theme] Layout options > select Breadcrumbs Style.
6) Theme Options > Blog > Blog layout > Continue Reading Type > Button.

Regards
#246287 Copied
oscar.kid

Participant

August 4, 2020 at 10:15

Hi,

Thank you so much for the response, most were answered. I have 2 questions left.

Using the Blog Carousel element I have selected 3 items but I don’t see option of number of slides per view. please advise.

On the mobile, the blog carousel requires user to scroll to see the other blogs, I want to be able to see the 3 blogs one under the other on the mobile, please advise on this.

when hovering over the blogs images, I would not like it to do anything, I don’t want it to zoom, or animate or anything. Kindly help with this.

Thank you

Please contact administrator
for this information.

#246474 Copied

Olga Barlow

Support staff

August 4, 2020 at 12:13

Hello,

1) Edit the element and find slider settings tab to change the number of slides per view http://prntscr.com/tts0mx
2) There is no option to disable slider for mobile devices, sorry. If you want to show the blog posts one below the other then use the blog grid not a slider.
3) Go to Theme Options > Blog > Blog layout > Blog Image Hover > choose None.

Regards

#246489 Copied

oscar.kid

Participant

August 4, 2020 at 12:20

If I use blog grid, can I show only 3 rows on the desktop instead of one large blog and 2 underneath as it was showing previously?

Also blog image hover is none, however on the homepage there is still an effect when hovering

#246497 Copied

oscar.kid

Participant

August 4, 2020 at 12:24

So I would like the 3 column blog carousel effect using the blog grid on the homepage

and would like to remove the read more button that shows when hovering over the blog post image on homepage

#246502 Copied
Olga Barlow

Support staff

August 4, 2020 at 15:24
Hello,

1) You can use the Post Grid WPBakery element and create a custom grid you need using WPBakery > Grid builder or one of the pre-created grids http://prntscr.com/ttw6e9
Unfortunately, we don’t have element to display 3 the same blog posts one by one.
2) Add the following custom to Theme Options > Custom CSS
```
.wp-picture .blog-mask {
    display: none;
}
```
Regards

Regards
#246521 Copied
Viewing 13 results - 1 through 13 (of 13 total)