WordPress.org

Support

Support » Themes and Templates » [Resolved] Small CSS Issues

[Resolved] Small CSS Issues

  • Two problems that I hope someone can help me with

    http://bellaedward-cullen.com

    First – The wordpress post box, is too wide but the CSS width is like 100 so there should be a problem

    #content {
    	position: absolute;
    	top: 0;
    	left: 160;
    	width: ;
    	font-family: Tahoma;
    	font-size: 10px;
    	line-height: 11px;
    	text-transform: normal;
    	background-image : url("http://www.bellaedward-cullen.com/wp-content/themes/layoutv2/images/sbg.jpg");
    	color: #191514;
    	text-align: justify;
    	padding-top: 2px;
    	padding-left: 2px;
    	padding-right: 2px;
    	padding-bottom: 2px;
    	}


    Secondly
    – The title is not displaying correctly. Here is the code

    .news-title {
    	font-family: Tahoma;
    	font-size: 10px;
    	line-height: 15px;
    	font-style: bold;
    	text-transform: uppercase;
    	font-weight: bold;
    	color: #a39a99;
    	background: url("http://www.bellaedward-cullen.com/wp-content/themes/layoutv2/images/title.jpg");
    	text-align: center;
    	padding-top: 4px;
    	padding-left: 4px;
    	padding-top: 4px;
    	padding-top: 1px;
            }

    Any help would be much appreciated

Viewing 11 replies - 1 through 11 (of 11 total)
  • You have element.style inhereted from #content set to 650px wide. I don’t see it in the css, so it may be in one of your themes php pages. Find that and change it to about 450px and that will fix the text overflow.

    I’m not sure how the title is supposed to display, so can’t help there.

    Um. There is no width defined in your first snip.

    In the second, you don’t need to quote marks in your background: url(http://blah…);

    The title of the wordpress, should appear like it does in the side bar… or atleast similar

    Removed the quotations marks and nothing changed

    Fixed the width. It was in the header.php. Thanks figaro 🙂

    I guess I don’t understand what it is you are referring to. The only title I see is your image BELLAEDWARDCULLEN.

    No… okay I’ll try again…

    See below the header, below the navigation to the wordpress posts?

    The top one atm is Gallery Updates. The title of every wordpress post should look somewhat similar to the titles in the sidebar (elite affiliates, top affiliates, site stats etc).
    In my first post I gave the coding for it but its not appearing like it should. It looks like the rest of the wordpress post.

    I hope that explains it better 🙂

    It sounds like you are talking about your post title?

    If so, open style.css and find #content

    Make changes there to style the post titles. For example, increase font-size: 10px; to maybe, font-size: 20px; to make it stand out a little better. Change other values to style it the way you want.

    I think you want font-variant: small-caps;

    Yep thats what Im talking about…

    Would there be any way to separate the title css and the actual content of the post css? ATM its grouping it all together?

    Thanks for your help 🙂

    I think it is separated. I think the post content is controled by this code in style.css

    p {
    color:#191514;
    font-family:Tahoma;
    font-size:9px;
    letter-spacing:0px;
    line-height:13px;
    padding-left:2px;
    padding-right:2px;
    text-align:justify;
    }

    Thanks soo much for your help.

    Im still learning when it comes to all this coding.

    Its much appreciated 🙂

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘[Resolved] Small CSS Issues’ is closed to new replies.
Skip to toolbar