ejwise2

Ah, got it! I updated my php file. However, I made custom adjustment to my CSS for my Trending Now footer so I’m thinking I’ll need to use shortcode.

I was able to adjust the code and shortcode to get almost what I had before, however the posts for my Trending Now section at the bottom of my website are showing up as a vertical list instead of a horizontal row (which is what they were before). Any idea of how to fix this?

My website is https://tyberrymuch.com/

Here are the custom CSS I’m looking to insert:

 /* Trending Now and Favorites Adjustments */

.mia-favorites h6 {

    font-family: 'Muli', sans-serif;

}

.mia-trending ul {

    display: flex;

    flex-direction: row;

    list-style-type: none;

    padding: 0;

}

.mia-trending ul li {

    margin-right: 20px; /* adjust this value to add space between the items */ }

.mia-trending h6 {

    font-family: 'Milk and Clay', Muli;

    text-align: center;

    text-transform: uppercase;

    text-decoration: underline;

    text-decoration-color: #5D4E4B;

    color: #6b5b56;

    font-weight: bold;

}

Here is the trending now shortcode I’m using:

<div class="mia-trending">

    [wpp header='Trending Now' header_start='<h6>' header_end='</h6>'wpp range='last7days' limit=4 order_by='views' wpp thumbnail_width=150 thumbnail_height=150 wpp stats_views=0]</div>

Here is the Reader’s Favorites shortcode:

<div class=”mia-favorites”>

    [wpp header=’Reader Favorites’ header_start='<h6>’ header_end='</h6>’wpp range=’all’ limit=5 order_by=’views’ wpp thumbnail_width=800 thumbnail_height=560 wpp stats_views=0]

</div>

• This reply was modified 1 year, 5 months ago by ejwise2.
• This reply was modified 1 year, 5 months ago by ejwise2.