WordPress.org

Ready to get started?Download WordPress

Forums

Border and padding around a picture? (1 post)

  1. Angelique.van.Campen
    Member
    Posted 2 years ago #

    Website involved: http://asn.aerosoft.com

    Dear all,

    I've got the following question and for some reason my css coding doesn't have any effect on the output. I'm using for my Elegant Theme "The Source" a plugin for page presentation (Featured Page Widget). The widget works perfect, made some changes in the featured-page-widget.css file and as far as I can see, till now, it's doing what I want.

    But (oops, I cat attach a screenshot) one thing I can't solve so far. In the RH column you'll see the Random Reviews/Columns and Interviews widget, which is the widget I'm talking about. What I want to change is the space between the thumbnails in the Random Reviews and the text (most likely this s the title) and I want to add a grey border on the RH and bottom side of the thumbnail (the same as you can see in the middle column Random posts).

    Here's the featured-page-widget.css contents with my remarks in between it.

    Hope that there's somebody who can tell me why I can't change the padding or it is margin between the thumbnail and text (title) and how to add a colored border on the RH and bottom side of the thumbnail or at least, where to add it. I added it already (not in the scripting) but no effect.

    @charset "UTF-8";
    /**
     * featured-page-widget.css: Stylesheet for widget.
     *
     * @package Featured Page Widget
     * @subpackage includes
     * @author GrandSlambert
     * @copyright 2009-2011
     * @access public
     * @since 0.1
    */
    
    .featured-post-widget {
         clear: both;
    }
    
    .fpw-image-left {
         float: left;
         padding-right: 0px;
         padding-bottom: 5px;
    }
    
    .fpw-image-right {
         float: right;
         padding-left: 10px;
         padding-bottom: 5px;
    }
    
    /*--- Added to h3.featured-post-title "line-height:20px;" "font-size: 14px;" "letter-spacing:0px;" ---*/
    /*--- Removed margin: 5px 0; ---*/
    h3.featured-post-title {
         line-height:16px;
         font-size: 13px;
         letter-spacing:0px;
         margin-left: -5px;
    }
    
    /*--- Added complete set css commands for "div.featured_post_content" ---*/
    /*--- This allows me to control the text in the Random Reviews/Columns/Interviews ---*/
    /*--- Changed default color 656363 into 818383 ---*/
    
    div.featured_post_content {
         font-family: Arial, Verdana, sans-serif;
         font-size: 12px;
         color: #818383;
    }
    
    /*--- Original div.featured-post-widget-border { ---*/
    /*--- Original border: solid 1px #dadada; ---*/
    /*--- Original margin-bottom: 8px; } ---*/
    /*--------------------------------------*/
    /*--- Modified border: solid 1px into border-bottom: 0.5px ---*/
    /*--- This modification removed the complete border/frame around the text block and introduces only a line at the bottom ---*/
    /*--- Added margin-left: -10px to bring all the review blocks more to the LH side ---*/
    
    div.featured-post-widget-border {
         border-bottom: solid 0.5px #dadada;
         margin-bottom: 8px;
         margin-left: -10px;
    }
    
    div.featured-post-widget-border h3.featured-post-title {
         padding: 0 5px;
    }
    
    div.featured-post-widget-border div.featured_post_content {
         padding: 0 5px;
    }
    
    div.featured-post-widget-border div.featured_post_more_link {
         padding: 0 5px;
         margin: 0;
         border-top: solid 1px #dadada;
    }
    
    /*--- Same coding twice to introduce the line-height to work ---*/
    
    div.featured_post_content p {
    	line-height:18px;
    	margin-left: -5px;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic

  • RSS feed for this topic
  • Started 2 years ago by Angelique.van.Campen
  • This topic is not resolved
  • WordPress version: 3.4.1

Tags

No tags yet.