Small CSS Issues

  • Resolved becca_

    (@becca_)


    17 years, 6 months ago

    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)
  • figaro

    (@figaro)

    17 years, 6 months ago

    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.

    CyberCobre

    (@cybercobre)

    17 years, 6 months ago

    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…);

    Thread Starter becca_

    (@becca_)

    17 years, 6 months ago

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

    Removed the quotations marks and nothing changed

    Thread Starter becca_

    (@becca_)

    17 years, 6 months ago

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

    CyberCobre

    (@cybercobre)

    17 years, 6 months ago

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

    Thread Starter becca_

    (@becca_)

    17 years, 6 months ago

    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 🙂

    figaro

    (@figaro)

    17 years, 6 months ago

    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.

    CyberCobre

    (@cybercobre)

    17 years, 6 months ago

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

    Thread Starter becca_

    (@becca_)

    17 years, 6 months ago

    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 🙂

    figaro

    (@figaro)

    17 years, 6 months ago

    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;
    }

    Thread Starter becca_

    (@becca_)

    17 years, 6 months ago

    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 ‘Small CSS Issues’ is closed to new replies.

Tags