Divi WordPress Theme
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

WordPress fix Can’t centre the ‘slide.title’ home page slider text on the homepage

Discussion in 'Misc WordPress Requests' started by srypsite, Feb 3, 2018.

  1. srypsite

    Guest

    Can’t centre the ‘slide.title’ home page slider text on the homepage, by srypsite

    Hello there,

    I’m looking to centre the main text that says: ‘WHAT’S HOT: GET INVOLVED WITH NCS IN SOMERSET’.

    I’m using the WordPress editor, editing the stylesheet. The text appears to be aligned to the centre but not the whole thing (along with the button that says ‘SIGN ME UP’.)

    I’m using a theme called Space9.

    Any help would be greatly appreciated! Thanks in advance!

    Here’s the full code for the Homepage Slider, which is what I’m trying to edit:

    .home-slider .slides li {
    height: 550px;
    position: relative;
    margin: 0 auto;
    text-align: center;
    }
    .home-slider .slides li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    text-align: center;
    }
    .home-slider .flex-control-nav {
    width: 20px;
    bottom: auto;
    z-index: 20;
    top: 44%;
    right: 0px;
    text-align: center;
    }
    .home-slider .flex-control-nav li {
    display: block;
    margin: 0 0 0 0;
    }
    .home-slider .flex-control-nav a {
    background-color: #FFF;
    opacity: 0.5;
    }
    .home-slider .flex-control-nav a:hover {
    opacity: 1;
    background-color: #FFF;
    }
    .home-slider .flex-control-nav a.flex-active {
    background-color: #FFF;
    opacity: 1;
    }

    .slide-video-wrap {
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    }

    .slide-content {
    color: #FFF;
    margin-top: 120px;

    }
    .slide-content p {
    font-size: 18px;
    line-height: 1.35;
    margin: 0 auto;
    max-width: 70%;
    font-weight: 300;
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.26);
    text-align: center;
    }

    .slide-title {
    text-transform: uppercase;
    line-height: 1.1;
    text-align: center;
    font-size: 72px;
    font-weight: normal;
    text-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
    margin: 0 0 40px;
    }

    Can’t centre the ‘slide.title’ home page slider text on the homepage
     
    #1

Share This Page

Monarch Social Sharing Plugin