WordPress.org

Ready to get started?Download WordPress

Forums

The Morning After theme question: default image padding (5 posts)

  1. Retro Heather
    Member
    Posted 5 years ago #

    Hello!

    I just imported my blog to http://retroheather.com from http://howtobeawoman.net & installed The Morning After WordPress theme. I'm loving it! (Using WordPress 2.7)

    1) How do I change the default image padding?
    The usual methods have not worked. Here is the style.css. Any help would be appreciated. So far no luck getting an answer at http://themasterplan.in/talk/ .

    Also,
    2) Any way to change the formatting of the block quote so it appears where placed other than over on the right hand side?

    /*
    Theme Name: The Morning After
    Theme URI: http://code.google.com/p/the-morning-after/
    Description: A magazine-style theme for WordPress, available at The Masterplan.
    Version: 1.3.2
    Author: Arun Kale
    Author URI: http://themasterplan.in/

    Please read the license in the README.txt included with the theme.
    */

    /* --------------------------------------------------------------
    This theme makes use of the Blueprint CSS Framework [bjorkoy.com/blueprint]
    -------------------------------------------------------------- */

    /* Import stylesheets and hide from IE/Mac \*/
    @import "lib/compressed.css";
    /* End import/hide */

    /* Start The Morning After stylesheet
    -------------------------------------------------------------- */
    body { background: #d7c4ac url(images/bg/body_main.png) repeat-y top center; }
    a { color: #000; text-decoration: none; }
    h2 { font-weight: normal; }

    /* Header styles
    -------------------------------------------------------------- */
    #header { padding: 1.5em 0 0 0; height: 108px; border-bottom: 1px solid #999; }
    #header #logo { height: 90px; }
    #header #logo .title { padding: 0.5em 0 0 0; font: 700 3em arial, sans-serif; letter-spacing: -.050em; line-height: 1.2em; color: #000; }
    #header #logo .title .desc { text-align: right; margin: 0.4em 0 0 0; font: 400 0.25em arial, sans-serif; text-transform: uppercase; color: #666; letter-spacing: 0.2em; padding: 0.6em 0 0 1.5em; border-top: 1px solid #ccc; }
    #header #logo .title a { text-decoration: none; color: #000; }
    #header #logo .title a:hover { color: #fff; background: #000; }
    #header #logo a.sitelogo { display: block; width: 400px; height: 108px; background: url(images/bg/sitelogo.png) no-repeat; }

    /* Search and navigation
    -------------------------------------------------------------- */

    #header #search_menu { height: 90px; }
    #header #search_menu #search { padding: 0 0 0 5px; }
    #menu { width: 400px; float: right; margin: 10px 0 0 2px; list-style: none; font-weight: bold; font-family: Helvetica, Arial; }
    #menu li { float: left; padding: 2px 0 3px 3px; margin: 1px 12px 0 0; line-height: 1.6em; font-size: 0.9em; }
    #menu li a { padding: 0; text-decoration: none; color: #000; }
    #menu li a:hover { padding: 0; text-decoration: underline; }
    #menu li span { display: block; float: left; padding: 0 0px 0 22px; }
    #menu li span.home { background: url(images/bg/home.gif) no-repeat; }
    #menu li span.about { background: url(images/bg/info.gif) no-repeat; }
    #menu li span.archives { background: url(images/bg/hourglass.gif) no-repeat; }
    #menu li span.subscribe { background: url(images/bg/favourite.gif) no-repeat; }
    #menu li span.contact { background: url(images/bg/mail.gif) no-repeat; }

    /* Top banner with rotating images
    -------------------------------------------------------------- */

    #topbanner { height: 70px; border-bottom: 1px solid #999; background: url(images/bg/home_banner.png) no-repeat; }
    #topbanner_arch { height: 70px; border-bottom: 1px solid #999; background: url(images/bg/archive_banner.png) no-repeat; }
    #topbanner_single { height: 70px; border-bottom: 1px solid #999; background: url(images/bg/single_banner.png) no-repeat; }
    #topbanner .pagetitle, #topbanner_arch .pagetitle, #topbanner_single .pagetitle { float: left; background: #fff; color: #000; font: 700 2em arial, sans-serif; text-transform: lowercase; letter-spacing: -0.036em; padding: 1px 5px 1px 0; margin: 20px 0 0 0; }

    /* Home page columns
    -------------------------------------------------------------- */

    #home_content { margin: 1.5em 0; }

    /* latest post */

    #latest_post { padding: 0 0 1.5em 0; }
    #latest_post_image img { margin: 0 0 0.2em 0; }
    .latest_post_meta { font-size: 0.9em; line-height: 1.6em; }
    .latest_post_meta a { font-weight: bold; }
    .latest_post_meta a:hover { text-decoration: underline; }
    .latest_read_on { padding: 0 20px 1px 20px; background: url(images/bg/readon.png) no-repeat top left; }
    .latest_comments { padding: 0 20px 1px 20px; background: url(images/bg/comment.png) no-repeat top left; }
    .latest_category { padding: 0 20px 1px 20px; background: url(images/bg/category.png) no-repeat top left; }

    /* featured post */

    #home_featured { background: #ffffff url(images/bg/dot.png) repeat-x bottom left; margin: 0 0 1.1em 0; float: left; width: 100%; }
    .feat_content { float: left; padding: 0 0.7em 0.4em 0.7em; }
    .feat_thumb img { float: left; padding: 0; margin: 0.2em 1em 1em 0; border: 1px solid #999; }
    .feat_title { font: 700 12px georgia, serif; padding: 0 0 0.3em 0; }
    .feat_title a { color: #6c2829; }
    .feat_title a:hover { color: #000; }

    /* asides */

    ul.arrow, ul.cat, ul.reccom, ul.email { list-style: none; list-style-image: url(foo.gif); margin: 0; }
    ul.arrow li { padding: 0 0 0.5em 12px; margin: 0 0 0.5em 0; border-bottom: 1px solid #dadada; border-left: 5px solid #dadada; }
    ul.arrow li a, ul.reccom li a, ul.email li a { color: #6c2829; }
    ul.arrow li a:hover, ul.reccom li a:hover, ul.email li a:hover { color: #000; background: #eee; }

    /* about */

    #home_about { border-bottom: 1px solid #dadada; border-top: 1px solid #dadada; margin: 0 0 1em 0; background: #d7c4ac; padding: 0.5em 0.7em 0 0.7em; }
    #home_about p { font-size: 0.9em; font-family: tahoma; }

    /* recent posts */

    .home_recent_post { padding: 0.1em 0 1.2em 0; margin: 0 0 0.8em 0; background: url(images/bg/dot.png) repeat-x bottom left; }
    .home_recent_thumb { padding: 0 10px 0 0; margin: 0 0 0.25em 0; float: left; }
    .home_recent_thumb img { float: left; margin: 0; }
    .home_recent_thumb a img { background: #999; padding: 2px; margin: 0; border: 0; }
    .home_recent_thumb a:hover img { background: #333; padding: 2px; margin: 0; border: 0; }
    .home_recent_title a { font-weight: bold; }
    .home_recent_title a:hover { color: #fff; background: #000; }
    .home_recent_date, .home_recent_auth { padding: 0; margin: 0; color: #89753e; font-size: 0.9em; }
    .home_recent_exc p { color: #89753e; text-align: left; }

    /* category list */

    #side_categories { margin: 0 0 1em 0; }
    ul.cat li { padding: 0 0 0.3em 0; margin: 0; }
    ul.cat li a { display: block; text-transform: uppercase; font-size: 0.8em; font-weight: bold; color: #000; border-bottom: 1px solid #d7c4ac; border-left: 3px solid #d7c4ac; padding: 3px 12px 0 7px; margin: 0; background: url(images/bg/arrow.png) no-repeat 177px 3px; height: 19px; }
    ul.cat li a:hover { background: #f1f1f1 url(images/bg/arrow2.png) no-repeat 177px 3px; color: #640002; }
    ul.cat li ul { list-style: none; list-style-image: url(foo.gif); margin: 0; padding: 0.3em 0 0.2em 0.8em; }
    ul.cat li ul li { padding: 0; margin: 0; }
    ul.cat li ul li a { border: 0; margin: 0; padding: 0 0 0 12px; text-transform: none; font-size: 0.9em; height: 19px; background: url(images/bg/sub.png) no-repeat; }
    ul.cat li ul li a:hover { background: #f1f1f1 url(images/bg/sub1.png) no-repeat; }

    /* recent comments */

    #side_recent_comments, #side_most_emailed, #side_tag_cloud { margin: 0 0 1.4em 0; }

    ul.reccom li { padding: 0 0 0.2em 20px; margin: 0 0 0.5em 0; border-bottom: 1px solid #d7c4ac; background: url(images/bg/bubble.png) no-repeat 0 3px; }

    /* most emailed */

    ul.email li { padding: 0 0 0.2em 20px; margin: 0 0 0.5em 0; border-bottom: 1px solid #d7c4ac; background: url(images/bg/doc.png) no-repeat 0 3px; }

    /* ad */

    .ad_block { border: 1px solid #d7c4ac; padding: 4px 0; margin: 1em 0 1.2em; text-align: center; }
    .ad_block .ad160 { margin: 0 auto; width: 160px; }
    .ad_block .ad180 { margin: 0 auto; width: 180px; }
    .ad_block .ad250 { margin: 0 auto; width: 250px; }
    .ad_block img, .ad_block p img { margin: 0; padding: 0; display: block; }

    /** widgets **/

    .widget { margin: 0 0 1.4em 0; }
    .widget a { color: #111d2e; }
    .widget a:hover { color: #000; }
    .widget ul, .widget ol { list-style: none; padding: 0; margin: 0; }
    .widget ul li { padding: 0 0 0.3em 20px; margin: 0 0 0.5em 0; border-bottom: 1px solid #d7c4ac; background: url(images/bg/postbullet.png) no-repeat 0 2px; }
    .widget ol li { padding: 0 0 0.3em 10px; margin: 0 0 0.5em 0; border-bottom: 1px solid #d7c4ac; }

    /*recent comments*/
    ul#recentcomments li.recentcomments { background: url(images/bg/bubble.png) no-repeat 0 3px; }

    /*wp-calendar*/
    table#wp-calendar { margin: 0; width: 100%; border: 0; }
    table#wp-calendar caption { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.6em 0; letter-spacing: 0.1em; color: #111d2e; }
    table#wp-calendar th, table#wp-calendar td { height: 1em; padding: 0.2em 0.4em;/*padding: 5px 7px;*/ text-align: right; border-right: 2px solid #fff; }
    table#wp-calendar th, table#wp-calendar td#today { font-weight: bold; background: #dadada; color: #000; border-bottom: 0; }
    table#wp-calendar td#today { font-weight: bold; background: #cec3a8; }
    table#wp-calendar td { border-bottom: 1px solid #efefef; }
    table#wp-calendar td a { font-weight: bold; }

    /*most e-mailed*/
    .widget_email_most_emailed ul li { background: url(images/bg/doc.png) no-repeat 0 2px; }

    /* Archive styles
    -------------------------------------------------------------- */

    #arch_content, #post_content { margin: 1.5em 0; }
    .archive_meta { margin: 1.5em 0; border-top: 1px solid #dadada; }
    .archive_meta a { color: #666; }
    .archive_meta a:hover { color: #111d2e; }
    .archive_feed { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; background: url(images/bg/feedicon12.png) no-repeat 0 8px; color: #666; }
    .archive_number { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; color: #666; background: url(images/bg/info.png) no-repeat 0 8px; }
    .archive_email { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; color: #666; background: url(images/bg/email_author.png) no-repeat 0 9px; }
    .archive_post_block { padding: 0.1em 0 0 0; border-bottom: 1px solmargin: 0 0 1.2em 0; }
    .archive_post_meta { color: #818181; padding: 0 0 0.6em 0; }
    .archive_post_meta a, .post_meta a { color: #111d2e; }
    .archive_post_meta a:hover, .post_meta a:hover { color: #000; text-decoration: underline;clear: both; }

    /* Single post styles
    -------------------------------------------------------------- */

    .post_meta { color: #666; padding: 0.3em 0 1.4em 0; }
    .post_meta_tag { color: #666; }
    .post_meta p img { margin: 0; padding: 0; float: none; }
    .post_meta p { margin: 0 0 0.4em 0; }
    #post_content blockquote { float: right; width: 260px; color: #666; margin: 0 0 0 1.5em; color: #000; font: bold 1.3em georgia, serif; font-style: italic; letter-spacing: -0.048em; }
    #post_content blockquote p { text-align: right; line-height: 1.5em; }
    #post_content p img { margin: 0;padding:0; }
    #post_content img.WP-PrintIcon, #post_content img.WP-EmailIcon, #post_content img.posttag { margin: 0 0.3em 0 0;padding: 0.1em 0 0 0; }
    #post_content p a, #arch_content p a { color: #111d2e; }
    #post_content p a:hover, #arch_content p a:hover { color: #000; text-decoration: underline; }

    /* Comment area styles
    -------------------------------------------------------------- */

    #comments { margin-top: 3em; }
    #commenthead { margin-bottom: 1em; }
    ol#commentlist { list-style-type: none; margin: 0; padding: 0 0 12px 0; }
    ol#commentlist li { border-right: 3px solid #dadada; border-bottom: 1px solid #dadada; margin: 0 0 1em 0; padding: 0 1em 1em 0; overflow-x: hidden; }
    ol#commentlist li.alternate { border-right: 3px solid #999; border-bottom: 1px solid #dadada; }
    ol#commentlist cite { font-style: normal; text-align: left; display: block; color: #818181; }
    ol#commentlist cite a { color: #111d2e; }
    ol#commentlist cite a:hover { color: #000; text-decoration: underline; }
    ol#commentlist li blockquote { float: none; width: auto; padding: 0 2em 0 0; margin: 0.5em 0; color: #818181; font: italic 1em arial, sans-serif; letter-spacing: 0; text-align: left; }
    ol
    #commentlist li .commentauthor { font-weight: bold; color: #333; }
    ol#commentlist li .commentauthor a,ol
    #commentlist li .commenttime a { font-weight: bold; color: #111d2e; }
    ol#commentlist li .commentauthor a:hover, ol
    #commentlist li .avatar { float:right; padding: 2px; margin-left: 8px; background: #d2d2d2; }

    #commentlist li .commenttime a:hover { color: #000; text-decoration: underline; }
    ol#commentlist li .commnumber { width: 30px; text-align: left; float: left; font-size: 3em; font-weight: bold; line-height: 1em; }
    ol#commentlist li .commentcont p { margin: 0 0 0.5em 0; padding: 0; }

    /* comment form */

    #comment-form form { margin-top: 1.5em; }
    label.com { float: left; width: 100px; }
    input.comtext, textarea.comtext { width: 300px; border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; padding: 2px; }
    input.comtext:focus, input.comtext:hover, textarea.comtext:focus, textarea.comtext:hover { background: #f7f7f7; border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; }
    input.comsubmit { margin-left: 100px; }

    /* archives page */

    ul.archives, ul.wp-tag-cloud { margin: 0 0 1.5em 0; list-style: none; list-style-image: url(foo.gif); }
    ul.archives li, ul.wp-tag-cloud li { padding: 0 0 0.2em 20px; background: url(images/bg/doc.png) no-repeat 0 2px; }
    ul.archives li a, ul.wp-tag-cloud li a { color: #111d2e; }
    ul.archives li a:hover, ul.wp-tag-cloud li a:hover { color: #000; background: #eee; }

    /* Footer
    -------------------------------------------------------------- */

    #footer { background: url(images/bg/dot.png) repeat-x top left; padding: 1em 0 0 0; color: #666; }

    /* Form styles
    -------------------------------------------------------------- */

    input.search_input { width: 292px; border: 0; background: #fff url(images/bg/input.png) no-repeat; padding: 5px; color: #E0691A; font-weight: bold; margin: 0; float: left; }
    input.submit_input { background: /*#E0691A*/ url(images/bg/submit.png) no-repeat; border: 0; height: 24px; padding: 0; width: 65px; margin: 0 0 0 5px; color: #FFF; font: bold 0.9em arial, sans-serif; float: left; }

    /* Miscellaneous styles
    -------------------------------------------------------------- */

    /* heading styles */

    h2.archive_name, h2.post_name { letter-spacing: -0.04em; }
    h2.post_cat { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; margin: 0 0 1em 0; letter-spacing: 0.1em; color: #999; border-bottom: 1px solid #dadada; }
    h2.post_comm { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.3em 0 0.2em 0; margin: 0 0 0.2em 0; letter-spacing: 0.1em; color: #000; border-bottom: 1px solid #dadada; background: url(images/bg/stripe.png) repeat; }
    h2.post_comm2 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.3em 0 0.2em 0; margin: 0 0 0.2em 0; letter-spacing: 0.1em; color: #000; border-bottom: 1px solid #dadada; }
    h3.latest_post_title { font: bold 1.6em arial, sans-serif; line-height: 1.6em; margin: 0; letter-spacing: -.035em; padding: 0 0 0.2em 0; }
    h3.latest_post_title a:hover { color: #fff; background: #000; }
    h3.home_featured { background: url(images/bg/dot.png) repeat-x top left; text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.7em 0.7em 0.9em 0.7em; color: #6c2829; letter-spacing: 0.1em; }
    h3.mast { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.6em 0; letter-spacing: 0.1em; color: #a11b1b; }
    h3.mast2 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; color: #111d2e; }
    h3.mast3 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; letter-spacing: 0.1em; color: #224970; }
    h3.mast4 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.6em 0; letter-spacing: 0.1em; }
    h3.mast5 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: normal; padding: 0 0 0.2em 0; letter-spacing: 0.1em; color: #111d2e; }
    h3.archive_title { line-height: 1em; padding: 0 0 5px 0; }
    h3.archive_title a { font: bold 1.0em arial, sans-serif; color: #000; letter-spacing: -0.036em; }
    h3.archive_title a:hover { color: #fff; background: #000; }

    /* miscellaneous */

    .none { display: none; }
    .border_left { padding-left: 9px; margin-left: 0; border-left: 1px solid #ddd; }
    .dot { font-family: "lucida sans unicode", "arial unicode ms", sans-serif; }
    .navigation { color: #818181; }
    input.Forms, textarea.Forms { border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; padding: 2px; }
    input.buttonem { background: #dadada; float: left; }

    /* image caption classes */

    .captionleft { float: left; margin: 0 1.5em 1em 0; padding: 0.5em; text-align: left; }
    .captionright { float: right; margin: 0 0 1em 1.5em; padding: 0.5em; text-align: left; }
    .captionfull { margin: 0 0 1em 0; padding: 0; text-align: left; }
    .captionleft img, .captionright img, .captionfull img { margin: 0; display: block; }
    .captionleft p, .captionright p, .captionfull p { background: #eee; margin: 0; line-height: 1.6em; padding: 0.5em; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; font-size: 0.9em; color: #555;
    .entry-content p img {
    border-top:1px dotted #CCCCCA;
    border-bottom:1px dotted #CCCCCA;
    max-width:100%;
    padding:10px;
    }
    }

  2. bekabug
    Member
    Posted 5 years ago #

    Hey there,

    I love this theme...I've used it for a long time now. Best advice I can give is to use Firefox and install the Firebug plugin.

    Open Firebug, click inspect, and start running your mouse over things. You'll see blue borders open up around the different elements. Click on something you want to investigate. You'll then be able to see all the CSS rules that are being applied to the element and change them RIGHT THERE without breaking anything. If it goes totally crazy, refresh and start over. No harm done.

    Once you get something the way you like it, make note of what you changed and the name of the style THEN go into WordPress and modify your CSS.

    Happy Hunting

  3. Retro Heather
    Member
    Posted 5 years ago #

    Thank you so much, bekabug! I'm so excited! That sounds like an amazing tool. I've added the plugin & now I'm going to mess around with it. If I'm able to master it my life is going to get much simpler.

    I appreciate you taking the time to respond and to help. That was very nice of you. Have a great day!

    Heather

  4. Retro Heather
    Member
    Posted 5 years ago #

    You are a genius!!! It worked and it was SOOOOOO easy! I am loving this!

    THANKYOU THANKYOU THANKYOU!!

  5. bekabug
    Member
    Posted 5 years ago #

    Hahahaha

    You're welcome :)

Topic Closed

This topic has been closed to new replies.

About this Topic