Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Patrick Jackson

    (@pjackson1972)

    Hi @coloueval,

    This looks like a styling issue. It looks like the element with the .hentry class is the one that’s set more narrowly.

    Are you able to add some custom styling?

    I think if you can add something to override the width on that element it may do the trick. There’s an ivycat-post class on the same element that may help. Maybe add something like…

    .ivycat-post{
        width: 100%;
    }

    or, if you need to be more specific…

    .hentry.ivycat-post{
        width: 100%;
    }

    You may need to play around with it to get it just right.

    Let me know if this helps. ??

    Thread Starter Coloueval

    (@coloueval)

    Hey thankyou for the help.

    When I was looking through the directory for the plugin, I searched ‘width’ in all the php files and couldn’t find it anywhere. It seems the width is pre determined by some other force?

    Where would I need to enter the code you have suggested above to override this apparent pre-determination?

    Or, are you referring to width of container in the theme itself? In which case, If I do that, it would chance container width for all other categories on the site too, but I only want the ‘blog’ one changed.

    Any other suggestions?

    Thanks

    Plugin Contributor Patrick Jackson

    (@pjackson1972)

    It’s best not to edit the CSS directly in the plugin or in your parent theme, since updating them can overwrite your customizations.

    Themes often include their own way to allow site administrators to add custom CSS. If your theme has it’s own options menu, you may find a text field that says something like, “Custom CSS”. You can just paste one of the CSS snippets listed above in that field. You might check your theme documentation or hunt around for a way to do this.

    If you can’t find a place on the back end to do this, there are plugins that will add this capability. Here are a couple:
    Simple Custom CSS
    Jetpack CSS

    The second option is part of the Jetpack suite of plugins.

    In both of the example CSS snippets above, we are specifying that only elements with a class of .ivycat-posts should be affected by the given width property, so adding that snippet should only affect the output from Posts-in-Page shortcodes. It shouldn’t affect any of your other site content.

    Here’s a place to start for more information about CSS and WordPress.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change width of posts/container’ is closed to new replies.