I need a text area after slider

Discussion in 'Compass WordPress Theme' started by silvernailwd, Jul 8, 2014.

Thread Status:
Not open for further replies.
  1. silvernailwd

    silvernailwd Guest

    Joined:
    Nov 22, 2013
    Messages:
    9
    Likes Received:
    0
    Location:
    South Bound Brook NJ, USA
    Hello,

    I would like to add a text area under the slider. My client would like an about blurb on the front page after the slider and before the 3 column area. please see screenshot I have circled in red where I need the text area. I figured I would ask first before trying to dissect the theme.

    Thanks in advance
     

    Attached Files:

  2. silvernailwd

    silvernailwd Guest

    Joined:
    Nov 22, 2013
    Messages:
    9
    Likes Received:
    0
    Location:
    South Bound Brook NJ, USA
  3. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Go to the front-page.php file present in your theme directory and paste the code given below in that file as shown in the image given below.

    Code:
    <div class="extra_content">
    <p> Enter your text here. </p>
    </div> 
    [​IMG]

    Now,
    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    div.extra_content p {
    padding: 0px 10px;
    text-align: center;
    } 
    This will fulfill your requirement.
     
  4. scarn8881

    scarn8881 Guest

    Joined:
    Jan 15, 2013
    Messages:
    41
    Likes Received:
    0
    Hi, I followed the steps above and it worked. However, I would like there to me more space between the slider and the text and to change the size and color of the font. How would I do that? I am in maintenance mode so attached is an image of what I mean.
     

    Attached Files:

  5. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello scarn8881,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    .extra_content p {
      color: red;
      font-size: 20px;
      margin-top: 30px;
    }
    
    Please change color and numbers according to your requirement.

    Thanks & Regards
    Pramod Patel
     
  6. scarn8881

    scarn8881 Guest

    Joined:
    Jan 15, 2013
    Messages:
    41
    Likes Received:
    0
    Thank you!
     
Thread Status:
Not open for further replies.

Share This Page