Hi guys,
i want to change the styling (especially the order of the elements) of the posts listed in the sidebar, primarily showing the date on top of the headline.
I think managed to identify the classes “news-headline” and “news-time” but struggling to get the order as desired.
Maybe you can show me some CSS-Magic that will solve my problem?
By the way..keep up the great work.
Enfold is a wonderful theme.
Greetings
Henning
Hi Henning,
What exactly do you want to change on those elements?
Best regards,
Rikard
Hi Rikard,
i want the Date to be above of the Headline:
e.g.
Juli 12, 2018- 2:49pm
Sommerfest bringt immer Spaß
Hi,
Thanks for the feedback. Please try the following in Quick CSS under Enfold->General Styling:
.widget .news-headline {
margin-top: 20px;
}
.widget .news-time {
position: absolute;
top: 0;
}
Best regards,
Rikard
Hi Rikard,
Sorry for the late reply.
I added the CSS you provided, but now the date and headline are positioned in the same row and overlay each other.
I experimented and changed the margin-top value (40px, 60px) of the headline but i didn‘t work the way i expected.
Any idea?
Best regards
Henning
Hi Henning,
Can you try adding this css code also:
#top .widget .news-link,
#top .widget .news-headline {
overflow: visible;
}
#top .widget .news-link {
padding-top: 20px;
}
#top .widget .news-time {
top: -5px;
}
Hope it helps.
Best regards,
Nikko
Hi Nikko,
that‘s it!
Thanks for the support, you guys rock!
Greetings
Henning
Hi Henning,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria
Topic can be closed
Thanks a lot