In a previous post I showed you how to create a custom widget, then I showed you how to create a widget for your monthly archives, and limit the month’s that show. I am showing the past 4 months in my widget at this time.
One of my readers: Alex asked:
How did you make the archives widget to show the dates separately into two columns?
Now I will show you a CSS trick to create this effect:
First we will give the unordered list a width of 100%:
ul#archives { width:110%; }
Then we will style the <li>
nested inside.
ul#archives li { display:inline; float:left; width:120px; }
And that is it. Please make sure that you clear the float
after your closing </ul>
.
The article provides a comprehensive guide to driving traffic to your website, highlighting 21 effective…
While e-commerce is projected to account for more than $6.5 trillion in sales by 2023,…
The analysis highlights the significance of link-building in SEO, revealing that most websites neglect backlinks,…
Hey everyone, I've got two copies of Blog Blazers that I want to give away…
101 of the best blogging tools in 2024. Having the best blogging tools continues to…
In WordPress, when you use wp_page_menu your anchor attribute's usually carry a title with the…
View Comments
Thank you, man!
nice information
This is great but is there away to make the list go 1-2 on the left column and then 3 & 4 on the right. I have spent ages trying to organize a list like that. I think it would make sense, if you have a list in 2 columns, you first read the left one and then the right one. Any thoughts or suggestions on this would be much appreciated
As far as I know, I don't know a way to do this.