Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1364115
    TheDude
    Participant

    Hi there,

    I would like some help with styling the blog archive page

    https://www.innotrends.nl/blog/

    I would like this all the content including featured image in one column.
    The featured image on top, then title and the excerpt

    Thanks for your help

    #1364289
    Lely
    Moderator

    Hi There,

    Would you mind providing us with login credentials so we can take a closer look? What you want to achieve is the default look for Integrity which is what active on your site. But then there is some CSS that makes it the way it looks right now. I can’t see where it is coming from because content is minified. To do this, you can make a post with the following info:

    – Link to your site
    – WordPress Admin username / password

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    #1364308
    TheDude
    Participant
    This reply has been marked as private.
    #1364531
    Rupok
    Member

    Hi there,

    Thanks for writing back. As Lely said, you have some custom code that’s actually preventing the usual layout :

    /* blog design */
    
    @media (min-width:767px){
    .blog .entry-featured {
    	float: left;
      padding-top: 40px;
      width: 18%;
    	margin:2%;
      box-shadow: none;
      	
    }
    .blog .entry-content.content p {
      width: 80%;
      float: right;
    }
    }
    
    .entry-wrap {
      box-shadow: none;
      max-width: 700px;
      display: block;
      margin: auto;
    }
    
    .entry-thumb {
      max-width: 600px;
      display: block;
      margin: auto;
      box-shadow: none !important;
      
    }

    So if you just remove them from Customizer > Custom > CSS then you are good to go.

    Cheers!

    #1365523
    TheDude
    Participant

    cheers – that was it!!!!
    been staring too long at code 😀

    #1365602
    Darshana
    Moderator

    Glad we were able to help 🙂

  • <script> jQuery(function($){ $("#no-reply-1364115 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>