Custom widget with bullt point « Support Forum | Kriesi.at

Support Forum » Corona

Custom widget with bullt point

7 posts from 3 voices

Started 3 months ago by didoulr
Latest reply from didoulr
This topic is closed
This topic is resolved

Tags:

didoulr
Member

Hello,

can you help me? I want to, the one hand, add a bulleted list with pictures in the text widget.
On the other hand, I want to know how to reduce the gap between the lines that separate widget in vertical menus?

Thank you very much

Posted 3 months ago #
Devin
Moderator
Hi didoulr,

You can learn about list items with html here: http://www.w3schools.com/html/html_lists.asp

And images with html here: http://www.w3schools.com/html/html_images.asp

For the widget spacing, Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
```
.widget {
padding-top: 25px;
padding-bottom: 25px;
}
```
Adjust the numbers to increase or decrease the spacing as needed.

Regards,

Devin
Posted 3 months ago #
didoulr
Member
Thank you very much for your help. that's ok for widget spicing but not for the list.
I'll have you specify that I have try to take a liste with this code, directly in the widget text, but nothing appears. I don't know where i where I have to put it to work?!
```
<ul>
<li><a href="http://www.domainedesaintjean.com/acces/"> Accès </a></li>
<li><a href="http://www.domainedesaintjean.com/tarifs/"> Tarifs </a></li>
</ul>
```
I also created three pages with portfolios but it was the the last page that I saved that works and the other posted up only the text but not the portfolio....

Thank you very much....
Posted 3 months ago #
Ismael
Moderator

Hi,

Go to Appearance > Widgets > Place a text widget on "Displayed Everywhere (right)" widget area.

Regards,
Ismael

Posted 3 months ago #
didoulr
Member

Hi,
I've already done but nothing appears!!

Posted 3 months ago #
Devin
Moderator
Looking at your site the list items are appearing correctly. The only other thing you might be having issues with that I can see is the theme automatically removes the unordered list styling. You can customize it by adding the following css to your Quick CSS in the styling tab of the theme options or custom.css file in your css folder:
```
#top .widget_text ul {
list-style-type: circle;
list-style-position: inside;
}
```
Reference: http://www.w3schools.com/css/css_list.asp

Regards,

Devin
Posted 3 months ago #
didoulr
Member

Wonderfuuuuuuul!!!

Thanks a lot!

Have a good day!

Posted 3 months ago #