WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] carrington theme - custom css for template (2 posts)

  1. ranig
    Member
    Posted 4 years ago #

    Hello -
    I'm using the Carrington theme for my blog.
    I've created a new template for one of my pages and got it working.

    However, I'd like to customize the CSS for this page.
    The template uses the
    1. get_header() function which calls the
    2. header.php file, which calls the
    3. cfct_header function which calls the
    4. relevant CSS files.

    I just want to make the main column wider on my portfolio template and get rid of the sidebar (which I did using the template), and use all the other CSS functions.

    What's the easiest way to do this?

    I've created a portfolio.css file in the /css directory - i just am not sure how to call in within this framework. The README file says:
    ------
    Organizational folder for holding theme image files. You can reference these files using the built-in WordPress bloginfo() function like so:

    <link rel="stylesheet" type="text/css"
    href="<?php bloginfo('template_directory'); ?>/css/base.css" />
    -----
    But where do I insert this? in the portfolio template? in a custom header? I tried inserting into the template but i just get an error.

    Guidance appreciated. I am not a developer, but understand basic code.

    thanks!

  2. ranig
    Member
    Posted 4 years ago #

    Ok - I figured it out with some help from the Word Press Help Center folks.

    Insert the custom styles as defined by <style> tags
    into the template after the <!--content --> comment.

    So I didn't need a custom CSS or custom header. What I did need was an understanding of (a) which styles affected the look/feel I wanted to create and (b) where to put the custom styles.

    Example of style tags:

    <style type="text/css">
    
    #content {
    	float: left;
    	padding-bottom: 24px;
    	width: 900px; //orig 550px
    }
    #sidebar {
    	background-color:#e9eaea;
    	float:left;
    	margin-left:24px;
    	padding: 0px //14px;
    	width: 0px //300px; orig 358px
    }
    
    .full .full-content {
    	clear:both;
    	padding-top: 9px;
    	width: 900px;
    }
    </style>

    ------------------

    cheers, rani

Topic Closed

This topic has been closed to new replies.

About this Topic