Blog Widget Style Options

This topic has 8 replies, 1 voice, and was last updated 6 years, 3 months ago by Yogendra.

Viewing 3 reply threads
  • Author
    Posts
    • #540


      Dennis
      Guest

      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.

    • #541


      Yogendra
      Guest

      Hello Dennis,

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

      Regards

      • #543


        Dennis
        Guest

        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?

      • #546


        Yogendra
        Guest

        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

    • #547


      Dennis
      Guest

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

      • #548


        Yogendra
        Guest

        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

      • #549


        Yogendra
        Guest

        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

    • #550


      Dennis
      Guest

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

      • #551


        Yogendra
        Guest

        Thank you for your kind words Dennis

        Regards

Viewing 3 reply threads

Reply To: Blog Widget Style Options

Your information:




Cancel