Slider Heading, Description and Button

Discussion in 'Woodpecker WordPress Business Theme' started by rexmanaster, Feb 18, 2015.

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

    rexmanaster Member

    Joined:
    Feb 18, 2012
    Messages:
    180
    Likes Received:
    4
    hi,

    for the slider heading, description and button, how can i:
    • left align instead of center align
    • adjust vertical alignment % from top of heading
    thanks,
    rex
     
  2. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hey!

    Please provide us some edited screenshot along with your website url.

    Thanks,
    Praveen
     
  3. rexmanaster

    rexmanaster Member

    Joined:
    Feb 18, 2012
    Messages:
    180
    Likes Received:
    4
    MeJD.me
     

    Attached Files:

  4. Naveen

    Naveen Guest

    Joined:
    Aug 8, 2014
    Messages:
    1,739
    Likes Received:
    64
    Please use following CSS code in Custom CSS field located in Dashboard->Appearance->Theme Options->Styling
    .nivo-caption{
    text-align: center;
    bottom: 50px;
    }

    This will resolve your issue,
    Thanks & Regards
    Naveen Kolhe
    InkThemes.com
     
  5. rexmanaster

    rexmanaster Member

    Joined:
    Feb 18, 2012
    Messages:
    180
    Likes Received:
    4
    hi naveen,

    thanks for the info. it helps, but doesn't resolve he the issue.

    to adjust the vertical height to where i need it to be i can change to 'bottom:-50px'. however, i guess nivo has a background because that comes down when i adjust to 'bottom: - 50px'. 1. how can i fix that? please see screenshot attached.

    if i want to change the characteristics of, or remove, the nivo background - 2. how would i do that?

    regarding text align, when i change it to 'text align: left' the content aligns to the far left instead of aligning with what i would think is the main container. 3. how can i fix that? again, please see screenshot attached.

    thanks,
    rex
     

    Attached Files:

  6. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,
    Code:
    .slider-caption-container {
      width: 1124px;
      text-align: left;
      margin: 11% auto;
    }
    @media (max-width: 991px) and (min-width: 768px)
    {
    .slider-caption-container {
      width: 82%;
    }
    }
    @media (max-width: 1199px) and (min-width: 990px)
    {
    .slider-caption-container {
      margin-top: 8%;
      width: 95%;
    }
    }
    Please paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.


    Thanks & Regards
    Pramod
     
  7. rexmanaster

    rexmanaster Member

    Joined:
    Feb 18, 2012
    Messages:
    180
    Likes Received:
    4
    terrific, pramod, thanks.
     
Thread Status:
Not open for further replies.

Share This Page