Layout: Links widget on page (via Wigets on Pages) « Support Forum | Kriesi.at

Support Forum » Broadscope

Layout: Links widget on page (via Wigets on Pages)

4 posts from 3 voices

Started 1 year ago by vanwero
Latest reply from Devin
This topic is not a support question

Tags:

vanwero
Member

Hi,

i've build in the link widget on a page. So all the links I add, will appear on that page.
I've used the widget "Widgets on pages" and linked the default Links Widget to it.

It all works fine, but the layout is not a 100% in my opinion.
A lot of unnecessary bullets and lines...

You can see an example of the result here: http://www.wenv-verzekeringen.be/linken

Is it possible to remove for example:
A) the double lines
B) the bullet above the title

It seems this theme always put a line under it automatically (as it does under for example titles)
=> That's all right for me throughout the rest of the theme, but here I want to remove it!;-)

Possible?

Thanks in advance!
Vanwero!

Posted 1 year ago #

Chris Beard

Hey,

you can add this in your custom.css or Quick CSS

.widgets_on_page ul li:first-child {
     background-image: none ! important;
}

.widgets_on_page ul li {
     border-bottom:0;
}
.widgets_on_page ul li ul li:first-child {
background-image: url("../images/skin1/list-icon.png") !important;
}

Cheers,
Chris

Posted 1 year ago #

vanwero
Member

Hi Chris,

thanks already for your answer!

Adding this code just helps me a small bit.
=> I added the code to the style.css of my child-theme
=> Only the top bullet (above the links-title) & the bullet of my first link are disappeared!
=> The other bullets & all the lines are still visible.

If I put this code over there (removing code of "ul li:first-child", it removes all the bullets. (but lines still visible)

.widgets_on_page ul li {
background-image: none ! important;
}

.widgets_on_page ul li {
border-bottom:0;
}
.widgets_on_page ul li {
background-image: url("../images/skin1/list-icon.png") !important;
}

See result at: http://www.wenv-verzekeringen.be/linken

Personally I think that it has something to do with this theme's "titles".
When you add a title in this theme (<H1>, <H2>,...) it automatically adds a line under it?
=> That's OK for me, but not on this page!;-)

Thanks in advance!
Vanwero

Posted 1 year ago #
Devin
Moderator
Hi Vanwero,

The " .widgets_on_page ul li " is being overwritten by the skin css. Add !important to make it apply properly like so:
```
.widgets_on_page ul li {
     border-bottom:0 !important;
}
```
Regards,

Devin
Posted 1 year ago #