[resolved] Small CSS Issues (12 posts)

  1. Becca_
    Posted 7 years ago #

    Two problems that I hope someone can help me with


    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;

    - 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

  2. figaro
    Posted 7 years 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.

  3. CyberCobre
    Posted 7 years 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...);

  4. Becca_
    Posted 7 years 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

  5. Becca_
    Posted 7 years ago #

    Fixed the width. It was in the header.php. Thanks figaro :)

  6. CyberCobre
    Posted 7 years ago #

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

  7. Becca_
    Posted 7 years 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 :)

  8. figaro
    Posted 7 years 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.

  9. CyberCobre
    Posted 7 years ago #

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

  10. Becca_
    Posted 7 years 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 :)

  11. figaro
    Posted 7 years ago #

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

    p {

  12. Becca_
    Posted 7 years ago #

    Thanks soo much for your help.

    Im still learning when it comes to all this coding.

    Its much appreciated :)

Topic Closed

This topic has been closed to new replies.

About this Topic