Need help? Check out our Support site, then


how to change the width of the columns and size of fonts

  1. amodelsfavorites
    Member

    hi

    i just purchased the Zuki theme can someone please tell me,

    how do i change the width of the columns to be more narrow?
    I want to make it a similar width to this blog
    http://www.theyallhateus.com/

    how do i change the fonts in the sidebar, the size of the fonts,

    also the fonts in the menu header area how do i change that?

    Best Regards
    Angela

    The blog I need help with is amodelsfavorites.com.

  2. Hi Angela,

    For narrowing things down go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS. The original max-width was 1200px. You can adjust as desired.

    #container {
        max-width: 900px;
    }

    To change the size of the widget titles, you can use the following CSS and adjust as desired.

    .widget h3.widget-title {
        font-size: 0.6875rem;
    }

    To change the size of the fonts within the widgets, here are two rules, one for the about me widget and one for the text in the subscribe widget.

    #am_bio p {
        font-size: 110%;
    }
    .widget_blog_subscription p {
        font-size: 0.8125rem;
    }

    To change the size of the fonts in the menu, add the following and adjust.

    #header-top-nav a {
        font-size: 100%;
    }
  3. amodelsfavorites
    Member

    Thank you so much for the reply

    this is a huge help and you may be hearing from me a little more..
    :) just trying to get things looking right so i can start blogging again ha!
    1. Can i also ask how do i change the font size of the header to be larger ( the name of the blog)

    also is there a size you would recommend for this template to use as the header?

    2. is it possible to add a vertical line going all the way down in between the columns - and on either side.
    similar to this blog - layout
    http://www.theyallhateus.com/

    best
    Angela

  4. amodelsfavorites
    Member

    sorry just to make myself clearer

    with the Header font- how do i increase the size in the font customize tab without increasing the rest of the headings?

    and if i have a logo how do i increase the size of the logo.

    Do you recommend any sites that make logos?
    regards
    Angela

  5. amodelsfavorites
    Member

    hi Sacred Path,

    I was wondering if you can help me a little more with the Zuki theme.

    1. when i click on the catagories in the header and it takes me to a section for example fashion- then each article shows only writing and no picture? how do i get the page at all times like the front page show a picture for each article?

    2. When i look at my blog on my mobile phone it has a different layout can i make it the exact same as the desktop?
    and also on my Samsung it doesn't show the logo- it just shows a white box outlined in black where the name of the blog should go? But on an iphone it shows it perfectly. can this be fixed so it looks the same on HTC, samsung etc as well?

    Thanks for all your help!

  6. I just found the unanswered questions in this thread. Sorry they were missed before! Let's take them one by one.

    with the Header font- how do i increase the size in the font customize tab without increasing the rest of the headings?

    The font customize tab can only be used to adjust all the font sizes at once.

    1. Can i also ask how do i change the font size of the header to be larger ( the name of the blog)

    I checked http://amodelsfavorites.com/ just now and it looks like you replaced the text site title with a header image, so it appears you might be all set with the font size in the header.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags