WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Magazine Basic, framing pictures ? (8 posts)

  1. konstit
    Member
    Posted 4 years ago #

    I like my pics "framed" and use the stylesheet to do that... However, in Magazine Basic that also frames the header-logo. Is there a simple way to avoid this ?

    /konstit

  2. esmi
    Forum Moderator
    Posted 4 years ago #

    Your CSS obviously isn't specific enough but without a link to a page on your site demonstrating the problem, I can't offer anything in the way of a concrete solution.

  3. konstit
    Member
    Posted 4 years ago #

    http://vimze.dk

    I pasted the following into the stylesheet:
    img {
    border:#cc9 1px solid;
    padding:3px;
    }
    a img {
    border-bottom: #b8860b 1px solid;
    }

    The images in the post look as I want them to, the header looks not so good with the border and the emty space...

    /konstit

  4. esmi
    Forum Moderator
    Posted 4 years ago #

    Try:

    #leftcontent img {
    border:#cc9 1px solid;
    padding:3px;
    }
    #leftcontent a img {
    border-bottom: #b8860b 1px solid;
    }
  5. konstit
    Member
    Posted 4 years ago #

    hmmm.. that made the border around the header image thicker, so I suppose you are on to something here !
    I havenĀ“t a clue about php and css but I do appreciate oyur help !

  6. esmi
    Forum Moderator
    Posted 4 years ago #

    That's coming from:

    #title a {
    color:#222222;
    }
  7. konstit
    Member
    Posted 4 years ago #

    Are you saying I could find the cause/solution somewhere in here ?

    /* Header Elements */
    
    #header{
    	background: #fff;
    	float: left;
    	width: 100%;
    	}
    
    #headerad {
    	width: 468px;
    	}	
    
    #login {
    	height: 16px;
    	font-size: 12px;
    	color: #fff;
    	text-align: right;
    	padding: 10px 20px 15px;
    	background: url(images/login.png) repeat-x;
    	}
    
    	#login a {
    		color: #fff;
    		}
    
    	#login ul {
    		padding: 0;
    		margin: 0;
    		}
    
    	#login ul li {
    		display: inline;
    		}
    
    .dot:before {
    	content: url(images/whitedot.png) " ";
    	}
    
    #title {
    	font-size: 48px;
    	margin: 20px 16px 0;
    	padding: 0;
    	line-height: 50px;
    	}
    
    	#title a {
    		color: #222;
    		}		
    
    	#title a:hover {
    		color: #cc0000;
    		text-decoration: none;
    		}
    
    #description {
    	font-size: 14px;
    	margin: 10px 16px 0;
    	padding: 0;
    	}		
    
    #navigation {
    	margin: 20px 0 3px;
    	float: left;
    	clear: both;
    	width: 100%;
    	background:	url(images/nav.png);
    	position: relative;
    	z-index: 1000;
    	}
  8. konstit
    Member
    Posted 4 years ago #

    Well, this wordpress thing is really fun, and as it turns out even a complete novis as myself can read and understand some CSS... My problem is solved by a small dive into the stylesheet where I found the relevant lines to edit.
    So, instead of changing the overall handling I had to change it in:
    .post img
    #leftcontent .post .entry img and
    .ind-post img

    Not sure if this is the way to do it correctly, but it sort of works, and as a bonus I learn something ;)

    /konstit

Topic Closed

This topic has been closed to new replies.

About this Topic