Need help? Check out our Support site, then


site title the columnist

  1. tecnimpresasrl
    Member

    Hi! I need help about a sidebar.
    I need to reduce the font size of site title, remove the line under the site title and reduce the space between site title and tagline...
    can anyone help me?

    thanks.

    The blog I need help with is tecnimpresa.com.

  2. I need to reduce the font size of site title

    Try adjusting that from the Appearance → Custom Design → Fonts page.

  3. remove the line under the site title

    Add this to your Appearance → Custom Design → CSS editor:

    .site-title h1 {
    	border: none;
    }
  4. reduce the space between site title and tagline

    Add this to your Appearance → Custom Design → CSS editor:

    .site-title h1 {
    	margin-bottom: 0;
    	padding-bottom: 0;
    }
  5. tecnimpresasrl
    Member

    Thank you so much!!!!!
    just like trying to do.....

    i have another question...
    how can I add another column to the layout?

    thanks in advance.

  6. how can I add another column to the layout?

    You can't really add dynamic content using CSS only, but sometimes what you can do is shift things around. Here is an example that would expand the main content area enough so that there is enough room for 5 posts to get stacked (floated left) in a row before they fall over to the next row:

    #main,
    #main:after,
    .site-footer {
        width: 100%;
    }
    #content {
    	float: left;
    	width: 800px;
    }

    Try it out to see how it works, and experiment with the width values.

    Another trick you can do is add a temporary border to the main content area and then preview so that you can get a better idea for how the layout works:

    #content {
    	border: 1px solid red;
    }
  7. tecnimpresasrl
    Member

    thank you so much.... the first option that you write is perfect....

    the last question is.... how can i reduce the size of title, remove the line under the title and reduce the space between title and tagline, when i enter in the single page....

    best,

  8. the last question is.... how can i reduce the size of title, remove the line under the title and reduce the space between title and tagline, when i enter in the single page...

    That sounds like three questions. :)

    Regarding the size of the font title, try using the size values for the site title on the Appearance → Custom Design → Fonts page first. Once you have selected any fonts on that page, very specific CSS is used to setup the rules for the site. To override them with custom CSS after that, you can use the "!important" rule:

    .site-title h1,
    .single-title h1 {
    	font-size: 22px !important;
    }

    Here is some CSS for The Columnist theme that will help you hide the border under titles on single posts:

    .single-title h1 {
    	border: none;
    	padding-bottom: 0;
    	margin-bottom: 0;
    }

    Now, you have some CSS already saved in your CSS editor that is similar. You should remove those and combine everything for matching rules into one block like this:

    .site-title h1,
    .single-title h1 {
    	border: none;
    	font-size: 22px !important;
    	margin-bottom: 0;
    	padding-bottom: 0;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic