WordPress.org

1. ranig
   Member
   Posted 2 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 2 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.