Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #10703

    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!

    #69050

    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

    #69051

    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

    #69052

    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

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Layout: Links widget on page (via Wigets on Pages)’ is closed to new replies.