Changing the size of the Hero Slider

  • Author
    Posts
  • #62917

    plmwanchai
    Member

    Can the size of the Hero Slider on the front page and the title size be changed using CSS?

    The blog I need help with is harvesttestblog.wordpress.com.

    #63165

    thelukemcdonald
    Theme Author

    Changing the Hero Slider size would require a lot of customization. The hero slider title size can easily be changed; I’ve provided a snippet below to make it smaller.

    .wf-active #hero .entry-content {
      font-size: 2em;
    }
    #63171

    plmwanchai
    Member

    Thanks, that worked for changing the font size in the hero slider.

    #63173

    plmwanchai
    Member

    I changed the font size to 8px which makes the hero slider title size better for reading on a tablet or mobile, but the text below is now too small to read on a computer. Is there a way to change the size of the text below the header separately?

    #63174

    thelukemcdonald
    Theme Author

    If you’re trying to change the summary text size, and not the headings, you’ll need to target that via CSS. It’s also a good idea to use “em” instead of “px”. Without looking to far into it, you may need to adjust the size for mobile specifically, however, using “em” as a font size should take care of most of that for you.

    If you’re going to be making multiple customizations, it’d be a good idea to have an understanding of basic CSS and how it works. I’ve found the HTML Dog website to be a good learning resource.

    http://htmldog.com/guides/css/beginner/selectors/

    #63178

    plmwanchai
    Member

    Thanks, the guide was very helpful.

    Can the size of only the headings in the Hero Slider be made smaller using CSS?

    #63179

    thelukemcdonald
    Theme Author

    Yes. I actually meant to target the titles in the first snippet I posted.

    .wf-active #hero .entry-content h2 {
      font-size: 2em;
    }
    #63182

    plmwanchai
    Member

    That was perfect. Thanks again!

    #63183

    thelukemcdonald
    Theme Author

    You’re welcome!

The topic ‘Changing the size of the Hero Slider’ is closed to new replies.