[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 6 months, 3 weeks ago.

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

    Boblebad
    Participant
    Post count: 32

    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 6 months, 3 weeks ago by  Boblebad.
    • This topic was modified 6 months, 3 weeks ago by  Boblebad.
    #2514

    Jen Baumann
    Keymaster
    Post count: 272

    Try removing #sidebar from that section.


    Jennifer “Hermione” Baumann | Recommended StudioPress Developer
    Dream Whisper Designs | Themessence | @dreamwhisper | If I’ve helped, like me on Facebook

    #2523

    Boblebad
    Participant
    Post count: 32

    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
    Post count: 272

    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;
    }


    Jennifer “Hermione” Baumann | Recommended StudioPress Developer
    Dream Whisper Designs | Themessence | @dreamwhisper | If I’ve helped, like me on Facebook

    #2534

    Boblebad
    Participant
    Post count: 32

    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
    Post count: 272

    You could play with this:

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


    Jennifer “Hermione” Baumann | Recommended StudioPress Developer
    Dream Whisper Designs | Themessence | @dreamwhisper | If I’ve helped, like me on Facebook

    #2547

    Boblebad
    Participant
    Post count: 32

    Thanks a million Jennifer

    Works like a charm :D

    #2549

    Jen Baumann
    Keymaster
    Post count: 272

    You’re welcome!


    Jennifer “Hermione” Baumann | Recommended StudioPress Developer
    Dream Whisper Designs | Themessence | @dreamwhisper | If I’ve helped, like me on Facebook

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.