Sticky Post

barbadosunderground2 · Member · Jul 3, 2015 at 7:40 pm
Copy link

Add topic to favorites
I want to have two sticky posts lined up side by side, I and using the magazine format.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Jul 4, 2015 at 2:15 am
Copy link
Hi there, as you will see, this doesn’t work out cleanly. Replace your #main rule with this
```
#main {
    width: 670px;
    position: relative;
}
```
Then replace the following two rules
```
#main.magazine .post.category-politics {
    width: 45%;
}
#main.magazine .post.category-tourism {
    width: 45%;
}
```
with this
```
#main.magazine .post-47114 {
    width: 41%;
}
#main.magazine .post-47059 {
    width: 41%;
    position: absolute;
    right: 0;
    top: 0;
}
```
Luckily you are using a fixed width theme or this would have been more difficult.

As you see, the post on the right needs to be edited and have a Custom Excerpt made that is shorter so that it doesn’t overlay the top of the post below.
barbadosunderground2 · Member · Jul 4, 2015 at 10:30 am
Copy link
Thanks a lot , that was brilliantly done.

I believe the creator of the Bold Theme should have known in the magazine format the sticky feature should default to the same format to avoid CSS.

The other issue is the fact all posts do not cutoff at the same length by default to allow for a more aesthetic look. You have to use the more rag every time there us a new posting.
thesacredpath · Member · Jul 6, 2015 at 9:09 am
Copy link
You are welcome. The designer decided to display sticky posts full width so that they would stand out more, I suspect, and this is actually quite common for featured content on two-column post displays.

The good thing is that we were able to get things looking the way you wanted them.

The post content in themes that create excerpts generally display 55 words. There are a number of factors that can affect the layout though and among them are title length and also the length of the words in the first 55 words of a post, so it isn’t always possible to have things align. In your two sticky posts, as an example, the left one has 3 lines in the title while the right one has 4. That is going to push the content down. The third and fourth also have different length titles.
ldnlifeandstyle · Member · Jul 6, 2015 at 9:01 pm
Copy link
Hi, there
Is that possible also to change the color background of sticky posts?
Thanks
barbadosunderground2 · Member · Jul 6, 2015 at 10:20 pm
Copy link
.sticky a {
color: green !important;
}
thesacredpath · Member · Jul 7, 2015 at 4:23 am
Copy link
@ldnlifeandstyle, I answered you in the other thread on this subject: https://en.forums.wordpress.com/topic/how-to-change-color-background-of-sticky-post-hive-theme?replies=2#post-2421074

No items found.