Support » Plugin: Advanced Post List » HELP!! How Do I Get A This Thing To Be Responsive?

  • Resolved Jae

    (@linseyja)



    Okay, so looking at the other requests for support it looks like there’s none. But anyway, here goes.

    I’m trying to get this plugin to work on a responsive website.

    This is a screenshot of what I’m trying to achieve ==> IMAGE

    Here is the coding I’m using in List Content:

    <div style="float: left; display:inline-block; width 48%; height: 300px; background-image: url([post_thumb]); background-size: cover; margin: 8px;">
    	<div style="width: 100%; height: 100%; background-color: white; opacity: 0.8; filter: alpha(opacity=80);">
    		<div style="width: 97% height: 60%; margin-top: 40%; padding: 6px;" align="center">
    			<h3><a href="[post_permalink]">[post_title]</a></h3>
    			<p>[post_excerpt length="200"]</p>
    			<p><a class="jae-button" href="[post_permalink]">Read More...</a></p>
    		</div>
    	</div>
    </div>

    But it’s not working. It’s going all over the place on a desktop screen and doesn’t realign like it should on a mobile phone or tablet.

    Please can someone help/advise me?

    https://wordpress.org/plugins/advanced-post-list/

Viewing 1 replies (of 1 total)
  • This is a CSS question, not an Adv. Post List plugin question – the APL plugin just spits out whatever HTML you put in it…

Viewing 1 replies (of 1 total)
  • The topic ‘HELP!! How Do I Get A This Thing To Be Responsive?’ is closed to new replies.