autofocus: how to integrate with existing design?

  • was able to add my header/footer to the AutoFocus framework… now trying to come up with a way to make AF look “contained” instead opf just floating on a sea of white BG (vertical line or shadow on each side? different color BG?)

    having trouble accomplishing this with AF’s box design (or at least how i understand it). help???

    site: https://fourpawsphoto.com/dailypaws/

    THANKS

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

  • I too would like to integrate other designs with autofocus. I’ve been trying to do this for a long time…but I just cant figure it out.

    I added a shadow to my posts…but I can only get it to work on the right side and bottom of the post. Anddd of course it doesn’t work for IE users.
    example https://miabaker.com/blog/?p=725 scroll down until you get to the next picture.

    How I did it: I added the bold text in the single section.
    /* =single */
    .single .post .entry-content, .single .attachment .entry-content {background:#FFF;color:#888;font-size:1.2em;float:left;padding:0 10px 0 0;margin:0;width:890px;position:relative;z-index:10;min-height:200px;box-shadow: 5px 5px 7px #999;
    -webkit-box-shadow: 5px 5px 7px #999;
    -moz-box-shadow: 5px 5px 7px #999;
    }

    Any ideas of how to get the shadow only on the left and right side of the post? And to make it visible for IE users?

    Thread Starter puglet

    (@puglet)

    You got further than I did ??

    Help anyone??

    well in that same area you can change the bg color by changing the FFF to whatever color you want.

    /* =single */
    .single .post .entry-content, .single .attachment .entry-content {background:#000;color:#888;font-size:1.2em;float:left;padding:0 10px 0 0;margin:0;width:890px;position:relative;z-index:10;min-height:200px;

    If you want a solid line, dotted, dashed, ect just type this code right at the end of the code above. You can change the color, width, or style by typing in dotted instead of solid.
    border-right:2px solid #888;
    border-left:2px solid #888;

    Thread Starter puglet

    (@puglet)

    I got it to look OK, but there’s some serious pageload roulette happening now (have to reload page *sometimes* to get it render happily).

    no idea. guess i’ll start a new post about that……..

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘autofocus: how to integrate with existing design?’ is closed to new replies.

Tags