CSS Code troubleshooting

  • Resolved hazelbug

    (@hazelbug)


    13 years, 7 months ago

    Long story, short: I can’t use the standard Pages widget bc after I got it styled, the pages wouldn’t exclude.

    So, I am using the plug in: Flexi Pages Widget… which does exclude, but I am having trouble styling it.

    https://dev.honfleurgallery.com/gallery/

    If you scroll 1/2 way down, you can see the list of links. I want to style the main pages (ie “ARTIST”) like the main heads above… but I can’t figure out the CSS line to write for it.

    I tried things like:
    #sidebar .block li .page_item page-item-8
    and styling the “title” vs “children… etc.
    and other variations that I could think of and nothing is taking.

    Anyone know?
    Thanks!!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter hazelbug

    (@hazelbug)

    anyone have any ideas? please??!!
    desperate.

    your css selectors are quite wrong;
    instead: #sidebar .block li .page_item page-item-8
    spaces at the wrong position; dot missing; not aimed at the link;
    should have been:
    #sidebar .block li.page_item.page-item-8 a { ... }

    or, alternatively, try:

    #sidebar .flexipages_widget .page-item-8 a,
#sidebar .flexipages_widget .page-item-201 a {
font-weight: bold;
font-size:18px;
border-bottom: 1px dotted #ccc;
margin-bottom: 8px; }
#sidebar .flexipages_widget .page-item-201 a {
margin-top: 20px; }

    and nothing is taking.

    there are also a few stray characters at the end of your style.css

    Thread Starter hazelbug

    (@hazelbug)

    You are wonderful! thank you for swooping in and saving me.
    I really had that off.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS Code troubleshooting’ is closed to new replies.

Tags