Headers

  • Posted in : Bloggy WP
  • Xyston
    Participant

    Hello there,

    I have just purchased the theme, it looks impeccable, I’m really glad that I made the choice to upgrade to Bloggy WP. ( http://www.randomwander.com )

    I do have a couple of questions with regards to the theme:

    1. In the header, just where the title is, I would like to insert a picture in the background, so that the title overlaps it. Is it possible? I tried in the customisation and theme settings, but there was no option for that.

    2. Similarly, is it possible to make the title a bit bigger? The font, essentially.

    3. The header – can it be made bigger?

    Apologise if the questions are a bit easy, I’m rather inexperienced with WordPress.

    Thumbs up once more for the theme, excellent work!

    ahmetsali
    Keymaster

    Hi,

    1-) to add a background image to the header you can use a custom css code like this;

    .site-header hgroup {
        background: url("your-bg-image-url-here.jpg"); background-position: center;
    }
    

    2-) Try this custom css code to increase title font-size;

    @media (min-width: 1200px) { 
       h1.site-title { font-size: 5em; }
    }
    

    3-) To increase white spaces in the header try this custom css code;

    .site-header hgroup {
        padding: 3em 0;
    }
    
    Xyston
    Participant

    Thank you so much for the reply! Much appreciated!

    Xyston
    Participant

    Hi again,

    I’ve encountered a bit of a problem – I tried the font size and white spaces in header increase, added them to the Stylesheet.css, but they don’t work.

    To be more precise, I pasted the codes right at the very beginning of the CSS stylesheet, in the WordPress core part.

    It looks like this:

    /* WordPress Core ————————————————————– */

    .site-header hgroup {
    padding: 3em 0;
    }

    @media (min-width: 1200px) {
    h1.site-title { font-size: 5em; }
    }

    ahmetsali
    Keymaster

    don’t edit css files directly, just paste the css codes to “Appearance > Theme Options > Style tab > Custom Css field.”

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register