carrington theme – custom css for template

  • Resolved ranig

    (@ranig)


    14 years, 10 months 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!

Viewing 1 replies (of 1 total)
  • Thread Starter ranig

    (@ranig)

    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

Viewing 1 replies (of 1 total)
  • The topic ‘carrington theme – custom css for template’ is closed to new replies.