• Hello everyone!

    I am slowly customizing a pretty basic wordpress theme called “Cutline” which I understand is quite popular and widely used for its clean and simple look.

    I have a few things I would like to modify however and I desperately need some help.

    Resizing my wordpress layout:

    The standard dimensions for the Cutline theme are as follows:

    /*—:[ core layout elements ]:—*/

    #container { width: 770px; margin: 15px auto 0 auto; }

    #content_box { width: 770px; text-align: left; float: left; clear: both; }

    #content { width: 500px; padding: 0 40px 0 0; float: left; }

    #sidebar { width: 230px; float: left; }

    #footer { width: 770px; padding: 1.2em 0 0 0; border-top: 2px solid #ccc; float: left; clear: both; }

    I would like to be able to resize these dimensions, however whenever I change say the width of the content_box / content / sidebar / footer / header, the sidebar isn’t aligned on the right anymore, it’s underneath the blog posts as it seems to have been pushed off the page and moved below.

    I understand it might be because of the margin and padding options throughout the css sheet, I am sure there must be a way to resize this style, as it’s just a value set but I would like to know what I actually have to modify so that it will all work.

    Adding an advertisement ‘widget’ area on sidebar:

    I would like to create / use a widget as seen here on this website:

    (image of the advertisemt area)
    http://img8.imageshack.us/img8/3026/hypeads.jpg

    (advertisement area in action)

    I am sure this is pretty simple to do, but I have no idea how they went about designing that. It looks like it has google adsense integration and it’s displaying images? I don’t know how they are doing this exactly, but I see these “ad boxes” on most wordpress sites I visit so I assume it is pretty common.

    Adding a space / page break between header / sidebar / blog post:

    I would like to add a small margin / some padding between the bottom of this image:

    http://img9.imageshack.us/img9/3101/headerspace.jpg

    and the top of the Blog posts / Sidebar. Can anyone please help me with this? I guess I need to add some kind of <p> or
    somewhere but this will have to be done in php or css right?

    Incorporate google adsense banner into individual blog posts that are opened, and on other ‘pages’ on my blog apart from the main page.

    I would like to have a google advertisement on the blog posts, but not on the main page, so that when someone clicks an individual blog post on the main blog it will bring up that blog post but there will be a google advertisement on that page, but not on the main list of blog posts.

    How do I go about this?

    Thanks any help is greatly appreciated, I am trying to get these problems out of the way before I launch my site. I will be checking this thread often and I can provide any code that you require from my theme css or php files.

    Regards.

The topic ‘Please help with minor modifications / cutline theme’ is closed to new replies.