Archived topic
Sidebar Design
14 replies · Started by Kishor on May 19, 2020
How do I get a sidebar like this [url=https://postimg.cc/R6n9NPwg][img]https://i.postimg.cc/R6n9NPwg/screen-sidebar.png[/img][/url] without using any plugins.
thanks.
Hi there,
Which part are you referring to specifically?
I am talking about the touch carousel mainly.
and underline below the text.
I am talking about the touch carousel mainly.
That's not possible without a custom solution unfortunately.
Or you can consider creating a slider using a slider plugin.
and underline below the text.
That's something we can do.
Let me know what you decide.
Ok I need both any way.
What custom solution is available for the touch carousel.
Is there any javascript library which can help ??
Any update ??
Unfortunately a custom solution like the touch carousel is out of the scope of this support forum.
If you aren't comfortable with coding then I'd recommend find a slider plugin that works for you.
Underline is something simple so I can provide the CSS if you link me to the page in question.
Ok so how do I underline ??
Website : examtoday.in
Try this CSS:
.sidebar .widget.widget_recent_entries ul li:not(:last-child) {
border-bottom: 1px solid #000;
}
Thanks it's working fine.
Is it possible to remove only last underline ??
Edited the CSS above.
Ok
Is it possible to add some space above and below the text.
Try something like this:
.sidebar .widget.widget_recent_entries ul li {
padding-top: 15px;
padding-bottom: 15px;
}
That is amazing, thank you
No problem :)