[Delicious] featured image border on page, but not on post ??

Community Forums Forums Design Tips and Tricks [Delicious] featured image border on page, but not on post ??

This topic is: resolved

This topic contains 7 replies, has 2 voices, and was last updated by  Jen Baumann 2 years, 9 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #2504

    Boblebad
    Participant

    I have run in to an odd problem with the border around featured image in posts and pages, it shows on featured-page, but not on featured-post, and from what i can see there is only one code-segment to fit both ??

    #sidebar .featuredpost a.alignleft, .featuredpage a.alignleft, .small-thumbnail-frame {
    background: #EFEFEF;
    float: left;
    list-style: none;
    margin: 4px 10px 0 0;    /* forhøj fra 4 til 40 for at få billedet justeret ned på linie med teksten */
    padding: 3px;
    position: relative;
    border: 1px solid #D9D9D9;    /* ramme rundt om billedet */
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -webkit-background-clip: padding-box;
    -webkit-background-origin: padding-box;
    }

    EDIT: http://www.fredidalen.dk

    • This topic was modified 2 years, 9 months ago by  Boblebad.
    • This topic was modified 2 years, 9 months ago by  Boblebad.
    #2514

    Jen Baumann
    Keymaster

    Try removing #sidebar from that section.

    #2523

    Boblebad
    Participant

    Thank you Jennifer

    It did half of the job, it added the border to alignleft, but not to alignright, the featured images are aligned from within the widget settings ..

    Adding alignright to “#sidebar .featuredpost a.alignleft, .featuredpage a.alignleft, .small-thumbnail-frame {” just aligned the image left ??

    #2527

    Jen Baumann
    Keymaster

    Try adding another block for .alignright.

     

    .featuredpost a.alignright, .featuredpage a.alignright {
    background: #EFEFEF;
    padding: 3px;
    border: 1px solid #D9D9D9;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -webkit-background-clip: padding-box;
    -webkit-background-origin: padding-box;
    }

    #2534

    Boblebad
    Participant

    Thanks again Jennifer

    That did the trick :)

    Maybe you can help formatting the h2 in the Home boxes as well, they leave a lot of space above them ??

    #2535

    Jen Baumann
    Keymaster

    You could play with this:

    .widget h2 {
    margin: 10px 0 5px;
    }

    #2547

    Boblebad
    Participant

    Thanks a million Jennifer

    Works like a charm :D

    #2549

    Jen Baumann
    Keymaster

    You’re welcome!

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

The topic ‘[Delicious] featured image border on page, but not on post ??’ is closed to new replies.