Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #64279
    KhalidM
    Member

    Hi, I’m still new to wordpress and customizing, please bear with me for the following questions.

    1. How do I change the font to Arial that we can see in the full demo of catch responsive?
    2. How do I reduce the width of the whole blog to something like 80% or 70%? I have tried suggestions provided in many other topics but nothing changed.
    3. How do I include an image in the header to replace the site title and tagline? Can I set this image in the center?

    Note that I’m using a child theme for modifications.
    What do I need to include in Custom CSS?
    Here’s my website URL in case you need it: http://www.acefiction.com/

    #64375
    Sakin
    Keymaster

    @KhalidM:
    1. To change font to Arial, you need to add following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:

    body, button, input, select, textarea {
        font-family: arial;
    }
    h1, h2, h3, h4, h5, h6 {
        font-family: arial;
    }

    2. You can adjust the width in the following css as per your need and add it in “Appearance => Customize => Theme Options => Custom CSS Options” box:

    @media screen and (min-width: 991px) {	
        /* Site Main Wrapper */
        .site { max-width: 80%; }
        /* Content Area */
        #main { width: 70%; }
        /* Sidebar Area */
        .sidebar-primary { width: 30%; }
    }

    3. You can go to “Appearance => Customize => Site Title & Tagline”. Then uncheck “Display Header Text” to hide site title and tagline and uncheck “Check to disable logo” to show logo and then upload your own logo by clicking on change image. To center logo, you need to add the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:

    #site-branding {
        width: 100%;
        text-align: center;
    }
    #site-logo {
        display: block;
        float: none;
        margin: 0 auto;
    }
    #64560
    KhalidM
    Member

    It all worked out fine, many thanks to you sir!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Change font, reduce width and set image for header’ is closed to new replies.