Ardent Theme: Increase Posts On First Page, Moving Widgets, color block

artofdrem · Member · Dec 5, 2015 at 8:23 am
Copy link

Add topic to favorites
1. I’d like to make it so all my posts I made thus far are on my front page as you scroll down.

2. I’d like to move my Following Option and Hit Counter to the top area of my page. Like, under my header.

3. I’d like to make it so each of my posts have some kind of colored area around them to make them pop out more.

Thank you so much if you know if I’m able to do any of this!

-Drem

The blog I need help with is: (visible only to logged in users)
artofdrem · Member · Dec 5, 2015 at 10:12 am
Copy link
It’s actually the Ardent theme. My mistake.
thesacredpath · Member · Dec 7, 2015 at 8:10 am
Copy link
Hi,

1. I’d like to make it so all my posts I made thus far are on my front page as you scroll down.

If you add widgets to the footer, infinite scroll, which loads additional posts 7 at a time as you scroll down is disabled otherwise the footer widgets would not be visible until someone had scrolled all the way to the end of all your posts. If you want infinite scroll, you will need to remove the widgets from your footer area.

2. I’d like to move my Following Option and Hit Counter to the top area of my page. Like, under my header.

With a responsive designed theme, which adjusts to work on all screen/window widths, moving widgets from a footer area to the top of the site doesn’t work well. With Argent, and your site, what we can do is to set things to where those widgets are at the top on 769px and wider screens/windows since that is when the widgets start to interfere with your site title.
```
@media screen and (min-width: 769px) {
#page {
    position: relative;
}
#follow_button_widget-3 {
    position: absolute;
    top: 150px;
    left: 50px;
}
#blog-stats-3 {
    position: absolute;
    top: 150px;
    right: 50px;
    color: #fff;
}
#blog-stats-3 .widget-title {
    color: #fff;
}
}
```
On screens 768px and narrower, the widgets will move back to the footer widget area. If you remove the footer widgets to recover infinite scroll (#1 above) then this will not work since the widgets will not be there.

3. I’d like to make it so each of my posts have some kind of colored area around them to make them pop out more.

This will allow you to put a background color behind your posts. You can of course change my obnoxious yellow demonstration color.
```
.hentry {
  background-color: #ffff33;
  padding: 10px;
}
```
artofdrem · Member · Dec 7, 2015 at 11:25 am
Copy link
THANK YOU!
thesacredpath · Member · Dec 8, 2015 at 7:50 am
Copy link
You are welcome.

No items found.