ARES Front page Changes

  • Bcallison

    (@bcallison)


    10 years, 11 months ago

    I’m trying to make some simple changes to my site’s homepage. I want to make the title bolder and larger if possible. I also want to insert a break in the first slide that shows up so the text on that slide looks better. Do I need a child theme to do that, or can I change code in the style.css sheet?

    The website for reference is http://bhsbaseball.org/

Viewing 1 replies (of 1 total)
  • chrisfromthelc

    (@chrisfromthelc)

    10 years, 10 months ago

    You can certainly create a child theme to make the edits to the theme (I would recommend it just to make sure you don’t lose edits when the theme gets upgraded), but you can also make the changes using the Custom CSS plugin in Jetpack.

    Install the Jetpack plugin and activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

    For your edit to the frontpage, here’s the relevent section: 

    .sc-slider-wrapper .camera_caption {
    font-size: 45px;
    margin: 0 auto;
    text-transform: uppercase;
    top: 30%;
    width: 100%; <---change this value
    position: relative;  <---add this
}

    Change the width to decrease the horizontal space the text takes up. Something between 60-80% would probably work well. Also, add the position property and set it to “relative” so it will re-center the text in the slider.

    If you use the JetPack Custom CSS plugin, you should be able to add that block in, and it will take precedence.

    I hope this helps!

Viewing 1 replies (of 1 total)

The topic ‘ARES Front page Changes’ is closed to new replies.