[KhalidM]

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/

[Sakin]

@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;
}

[KhalidM]

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

[Author]

Posts