-
AuthorPosts
-
July 12, 2018 at 5:55 pm #984839
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
HenningJuly 13, 2018 at 7:45 am #985002Hi Henning,
What exactly do you want to change on those elements?
Best regards,
RikardJuly 13, 2018 at 8:12 am #985013Hi Rikard,
i want the Date to be above of the Headline:
e.g.
Juli 12, 2018- 2:49pm
Sommerfest bringt immer SpaßJuly 14, 2018 at 6:07 am #985395Hi,
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,
RikardJuly 17, 2018 at 10:54 am #986349Hi 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
HenningJuly 17, 2018 at 2:59 pm #986456Hi 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,
NikkoJuly 18, 2018 at 10:13 am #986863Hi Nikko,
that‘s it!
Thanks for the support, you guys rock!Greetings
HenningJuly 18, 2018 at 3:22 pm #987033Hi Henning,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
VictoriaNovember 19, 2018 at 6:43 pm #1035264Topic can be closed
Thanks a lot
November 20, 2018 at 12:41 pm #1035563 -
AuthorPosts
- The topic ‘Styling Sidebar Elements / Post-Styling’ is closed to new replies.
