Blog Widget Style Options

Dennis December 11, 2017 at 12:06 pm

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.

Replies (8)

  1. Dennis December 11, 2017 at 12:06 pm

    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.

  2. Yogendra December 11, 2017 at 12:33 pm

    Hello Dennis,

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

    Regards

  3. Dennis December 11, 2017 at 2:00 pm

    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?

  4. Yogendra December 12, 2017 at 6:10 am

    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

  5. Dennis December 12, 2017 at 6:47 am

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

  6. Yogendra December 12, 2017 at 10:58 am

    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

  7. Yogendra December 12, 2017 at 11:19 am

    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

  8. Dennis December 13, 2017 at 1:37 am

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

  9. Yogendra December 13, 2017 at 6:53 am

    Thank you for your kind words Dennis

    Regards

Post a Reply

Reply To: Reply #551 in Blog Widget Style Options
Your information:




Cancel