How to remove blog widgets?

Home › Forums › Jevelin Theme › How to remove blog widgets?

Home › Forums › Jevelin Theme › How to remove blog widgets?

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    RESOLVED Posts

  • klp111
    Participant

    Hi,

    How can I remove this text on the right side of my blog page? It looks like there is a side widget there, but I do not have any widgets assigned to the blog. I don’t want any side bars on the blog page, I want the blog posts to go three across.

     

    Please advise.

    Thank you!

    -Kristy

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Hi Kristy,

     

    I hope you are well today and thank you for your question.

     

    To achieve that please set page layout to Full Width in the theme settings as displayed in the attached screenshot.

     

    Best regards,
    Shufflehound team

    Attachments:
    You must be logged in to view attached files.

    klp111
    Participant

    Hi!

    Thank you for your response. I checked my settings and found that I already have the Page Layout set to Full Width under General Settings. (Please see attached screenshot.)

     

    Is there possibly another setting that conflicts with this one or something else I should check?

     

    Thank you!

    -Kristy

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Please edit that page and also make sure the same layout is selected in the page settings as displayed in the attached screenshot.

    Attachments:
    You must be logged in to view attached files.

    klp111
    Participant

    Hi,

    Thanks for your response. The page I am trying to edit is the home page, which displays the latest blog posts so this is not set up under “Pages”. We have an “About” page here, but this is separate than the blog page.

     

    Please advise how I can remove this white space. The client I am building this blog for does not want any sidebars or widgets there. The grid must go 3 blog posts across.

     

    Thank you!

    -Kristy

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Solution for this topic

    You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .home.blog #content {
    width: 100%;
    padding: 0;
}

.home.blog #content article {
    width: 33.3%;
}

    klp111
    Participant

    Hi,

    Adding this CSS code worked – thank you so much for your help! 🙂

    This ticket can be marked as resolved.

     

    Thank you,

    Kristy

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

    klp111
    Participant

    Hi,

    Can you please also provide this code for the blog category page?

     

    This is fixed on the blog (home page), but when I click through a category, that white space is there again. Please see attached screenshots.

     

    (BTW – my client has not yet defined their categories, so there is currently only one: Uncategorized.) Can you please confirm that the code you provide will be in effect for all category pages?

     

    Thank you!

    -Kristy

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    You can achieve it by changing the above shared CSS code as following.

    .category #content,
.home.blog #content {
    width: 100%;
    padding: 0;
}
.category #content article,
.home.blog #content article {
    width: 33.3%;
}

    klp111
    Participant

    Hi,

     

    Thank you! This code worked. However, now it looks like the Category page will display 4 blog entries across now, where the Home page displays 3 blog entries across.

     

    Can this display 3 across like the home page to be consistent? Or is there a setting that controls this somewhere?

     

    Thank you!

    -Kristy

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Solution for this topic

    Just change the above shared CSS code as following.

     

    .category #content,
.home.blog #content {
    width: 100% !important;
    padding: 0;
}
.category #content article,
.home.blog #content article {
    width: 33.3%;
}

    klp111
    Participant

    Hi,

    Thank you so much, this code snippet worked to resolve the issue.

     

    The support I’ve gotten from your team has been great so far. Thank you so much for that.

     

    Happy Holidays and New Year to your team!!!

     

    Best,

    Kristy

    Shufflehound Support
    Moderator

    You are always welcome here 🙂

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)