• Resolved SouthChinaMorningToast

    (@southchinamorningtoast)


    Hi there –

    I’m curious if any of the following 3 items are feasible by monkeying about with the CSS. I’m grateful for your assistance and effort!!

    1. Can I make the header static (so that it remains visible while scrolling) something feasible?

    2. I’d like to add a roughly thumbnail size logo just to the left of the title.

    3. Can I turn on the tagline for the site, and what is the CSS to manipulate its presentation?

    SouthChinaMorningToast.com

Viewing 1 replies (of 1 total)
  • Hi! I’d be happy to help you get started with these changes. ?? However, I want to note that your site at https://southchinamorningtoast.com/ is hosted at WordPress.com, so the best place to get help customizing it is in the WordPress.com CSS Customization forum. (This forum is primarily for self-hosted WordPress sites using the Pictorico theme.)

    1. Can I make the header static (so that it remains visible while scrolling) something feasible?

    Yep, there’s a post in the WordPress.com forums with the CSS you can use to do this in the Pictorico theme:

    https://en.forums.wordpress.com/topic/sticking-header-menu

    I’d recommend starting with that and seeing how that goes for you.

    2. I’d like to add a roughly thumbnail size logo just to the left of the title.

    This is a bit trickier, because you’re wanting to add content (the image) that isn’t already present in the theme. However, you could use a background image to get that effect with something like this:

    .site-branding {
    background: url(https://placekitten.com/g/150/150) no-repeat left center;
    padding-left: 175px;
    }

    Of course, you’ll want to replace the image URL in that CSS with your logo’s URL, and adjust the padding according to the width of the logo.

    3. Can I turn on the tagline for the site, and what is the CSS to manipulate its presentation?

    Sure! Pictorico just hides the tagline using CSS, so you can change that with CSS as well. Here’s how to make that change:

    .site-description {
    display: block;
    }

    Changing how the tagline appears depends on exactly what changes you’re trying to make. To find the right CSS to make further changes for your site, I’d recommend using this guide for How to Find Your Theme’s CSS.

Viewing 1 replies (of 1 total)
  • The topic ‘Leaving Header Static’ is closed to new replies.