• I’m looking to add a blog to my website which was built with the Pro theme. When I create a post, there is a light shadow around the section and the title is displayed and there is a lot of padding before I get to the section where I can edit in Pro.

    When I created a page (not post), I could choose Blank – No Container as a template option so that all my styling was in Pro. That is basically what I want to do with my blog, but I can’t find settings to change the blog post to something with no container. I want the margins of my blog content to match that of my theme, not the standard blog template.

    My html skills are basic so feel free to explain it to me like I’m a beginner.

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Can you tell me what theme is installed and if you are using a page builder? I don’t see anything with just the name Pro as a theme.

    Moderator bcworkz

    (@bcworkz)

    It appears that your theme is likely this one. As it’s a commercial theme, we’re unable to support it here since we cannot access its source code. I suggest seeking assistance through the theme’s dedicated support channel.

    Some general observations, some of which may or may not apply to your specific theme: Unlike pages, with posts you cannot select a specific template from the editor. You can install custom templates and name them a certain way so they get used for posts. Custom templates are best kept in a child theme. A child theme would be challenging for a beginner to implement, but it’s achievable if you have enough perseverance.

    You could develop some custom CSS that will achieve the look you are after. Relatively brief CSS can reside in the customizer’s Additional CSS section. Extensive CSS is probably better kept in a child theme’s style.css file. If you can provide a link to a sample post with this container you’re trying to avoid, someone here might be able to suggest CSS to remove it or at least hide it from view.

    Thread Starter triciabateman

    (@triciabateman)

    @bcworkz, you’re correct. That’s my theme. I’ve made a rudimentary child theme before but it’s been a while and seems like overkill. I think a bit of custom CSS that removes the drop shadow, title, and padding might be enough. I haven’t created any posts yet because they don’t look right, but I can make some edits to my example above so the WP styles and the Pro styles are more obvious. I’ll reply in this thread a bit later when I have it updated. Thank you!

    Thread Starter triciabateman

    (@triciabateman)

    @bcworkz,?I threw some content on that blank post. Here’s the link again.

    https://triciabateman.com/2023/02/14/blog-template/

    I’d like to get rid of the light drop shadow border around the default post margin, any padding or margin, and the page title showing as a headline. I’d like to use my theme to create those elements so that they align with other pages on my website.

    (You can click through the rest of the site for comparison, but I don’t have the blog connected to the rest of my site in the menu yet.)

    Thanks!

    .entry-wrap {
        padding: 0;
        box-shadow: none;
    }

    That code will remove the box and shadow. If you want the smaller box size as is, don’t add the padding:0; line;

    Thread Starter triciabateman

    (@triciabateman)

    And the page title? Would this be custom css for each post or added to the theme custom css only once?

    .entry-title {display:none;}

    that will hide your title on the posts. This goes in your additional css area of the customize theme tab from the dashboard and only needs to be done once.

    Your website is really pretty. I am also a designer and appreciate your style ??

    Thread Starter triciabateman

    (@triciabateman)

    Double thanks! For the help and the kind words!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Remove container on post template’ is closed to new replies.