Need help? Check out our Support site, then


CSS for showing title first, than featured image

  1. Hi!

    Is there a CSS to show the title of a blog post first and then the featured image?

    The blog I need help with is mrdhondt.com.

  2. Yes we can do this, and it will work in all modern browsers, but in the case if Internet Explorer, only on version 10 and later (including Edge).

    Did you only want to do this on the blog page, or also on the category/tag/date archive pages?

  3. i want to do this only on category pages

  4. Ok, add the following to the bottom of your custom CSS. I've set this to affect only the category pages for you.

    .category .grid-wrapper .post {
    	display: flex;
    	flex-direction: column;
    	box-orient: vertical;
    	display: -webkit-box;
    	-webkit-flex-direction: column;
    	-webkit-box-orient: vertical;
    	display: -webkit-flex;
    	display: -moz-box;
    	-moz-flex-direction: column;
    	-moz-box-orient: vertical;
    	display: -ms-flexbox;
    	-ms-flex-direction: column;
    	-ms-box-orient: vertical;
    }
    .category .grid-wrapper .post .entry-header {
    	-webkit-box-ordinal-group: 1;
    	-moz-box-ordinal-group: 1;
    	-ms-flex-order: 1;
    	-webkit-order: 1;
    	order: 1;
    }
    .category .grid-wrapper .post .featured-image {
    	-webkit-box-ordinal-group: 2;
    	-moz-box-ordinal-group: 2;
    	-ms-flex-order: 2;
    	-webkit-order: 2;
    	order: 2;
    }
    .category .grid-wrapper .post .entry-content {
    	-webkit-box-ordinal-group: 3;
    	-moz-box-ordinal-group: 3;
    	-ms-flex-order: 3;
    	-webkit-order: 3;
    	order: 3;
    }
  5. Hi there!

    Is there maybe a CSS to also center my Pinterest (profile) board. You can see this at 'INSPIRATION' in my SHOP submenu.

    Thanks!

  6. It cannot be done with CSS.

    The issue I am seeing here is the <div class = "col-md-9 has-sidebar"> that contain the Pinterest Profile. Easiest way is edit out that line. But I am not sure if you can do that. Maybe disabling the sidebar on that page may help.

  7. Is there maybe a CSS to also center my Pinterest (profile) board. You can see this at 'INSPIRATION' in my SHOP submenu.

    Sure, this can be done. Add this to your custom CSS:

    /* Center Inspiration page */
    .page-id-2887 .entry-content {
      text-align: center;
    }

You must log in to post.

About this Topic

Tags

No tags yet.