Author Posts

[Dennis]

Would like to be able to select a different style that the blog widget uses for the blog posts. even if its just editing some css. Just dont like the current style that the widget uses.

[Yogendra]

Hello Dennis,

Would you like to have a full-width blog post or the current 3 blog posts in a row would work?

Regards

[Dennis]

So basically, the widget appears to use Style 2 as its style setting, which is the three posts in a row format. The images in this style are getting skewed and we dont like that. Is there a way to just uuse the full column format of Style 1 with the widget?

[Yogendra]

Hello Dennis,

You need to edit some code in theme files and I am assuming that you are using the Child theme also

Follow these steps

Step 1) Open your child theme root folder ie prasoonpro-child (you will find this folder in wp-content/themes/ )

Step 2) Go to inc -> widgets and paste this file here
Download

Step 3) Go to child theme root folder and open functions.php in any text editor

Step 4) Add the code just before the ?> sign

require dirname( __FILE__ ) .'/inc/widgets/blog-style2-section-widget.php';

Step 5) Now login to your WordPress dashboard and go to Appearance->Customize->Additional CSS

Step 6) Paste this CSS and Publish

.blog-wrap .image img{
  height:auto;
  border-radius: 0;
}

Step 7) Now add this widget in your page

Note: This is default 2 columns blog post if you want to show single column then you need to edit this file in line no 80 (<div class=”col-md-6 col-sm-6″> ). Just change 6 to 12 for eg(<div class=”col-md-12 col-sm-12″>).

From Line no 55 you can set number of posts to display. Currently set to 2

Regards

[Dennis]

Are the steps similar if I have Prasoon Pro and not the child theme?

[Yogendra]

NO, Steps are different if you haven’t installed the child theme.
Do not update the theme once you do the changes otherwise, your changes will be lost, this is why we recommend using child themes

Wait for my next reply for new steps

Regards

[Yogendra]

Hello Dennis,

Follow these steps if you haven’t installed the child theme.

Step 1) Open your theme root folder ie prasoonpro (you will find this folder in wp-content/themes/ )

Step 2) Go to inc -> widgets and paste this file here
Download

Step 3) Go to root folder->inc and open widgets.php in any text editor

Step 4) Add this line to the end

require get_template_directory() . '/inc/widgets/blog-style2-section-widget.php';

Now the remaining steps are same ie

Step 5) Now login to your WordPress dashboard and go to Appearance->Customize->Additional CSS

Step 6) Paste this CSS and Publish

.blog-wrap .image img{
  height:auto;
  border-radius: 0;
}

Step 7) Now add this widget in your page

Note: This is default 2 columns blog post if you want to show single column then you need to edit this file in line no 80 (<div class=”col-md-6 col-sm-6″> ). Just change 6 to 12 for eg(<div class=”col-md-12 col-sm-12″>).

From Line no 55 you can set number of posts to display. Currently set to 2

Regards

[Dennis]

That worked well! Thanks so much for the assistance. Top notch support!

[Yogendra]

Thank you for your kind words Dennis

Regards

[Author]

Posts