How add text above Carousel slide

Discussion in 'ClassiCraft WordPress Theme' started by sooraj, Dec 9, 2015.

  1. sooraj

    sooraj Member

    Joined:
    Jun 10, 2013
    Messages:
    181
    Likes Received:
    1
    Location:
    India
    Hello sir
    How add text above Carousel slide please refer image hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh copy.jpg
     
  2. priya

    priya Guest

    Hello,

    You can easily add text above the Carousel, you just need to follow the screenshot given below.

    add_text_above_crousel.png

    And paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    .content {
        text-align: center !important;
        margin-top: 27px !important;
        margin-bottom: -34px !important;
    }
    Hope it will resolve your issue

    Do let me know if you need more assistance,

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
    sooraj likes this.
  3. chester29

    chester29 Member

    Joined:
    Nov 19, 2015
    Messages:
    76
    Likes Received:
    3
    Location:
    France
     
  4. chester29

    chester29 Member

    Joined:
    Nov 19, 2015
    Messages:
    76
    Likes Received:
    3
    Location:
    France
    Hi Priya,
    The code you give above only partially resolves the problem.

    It does place the "Text" centered above the carousel but it creates another problem in that any text BELOW the carousel i.e. in any results is also centered - which obviously is not required.

    Any other code to put in the css to resolve this ?

    Regards,
     
  5. priya

    priya Guest

    Hello Chester29,

    Greetings from InkThemes!

    You can resolve this issue by assigning a unique name of the "div" like <div class="content2"><h2>your content</h2></div>.

    And after using a different name, you also need to change name in CSS code as well like:
    Code:
    .content2 {
        text-align: center !important;
        margin-top: 27px !important;
        margin-bottom: -34px !important;
    }
    By assigning a unique name, style will be applicable only for that paticular div.

    Hope you will get my point.

    Do let me know if you need more assistance,

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
    chester29 likes this.
  6. chester29

    chester29 Member

    Joined:
    Nov 19, 2015
    Messages:
    76
    Likes Received:
    3
    Location:
    France
    Many thanks I'll give it a try.
     
  7. priya

    priya Guest

    You're welcome..

    Do let me know if you need further assistance,

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
    chester29 likes this.

Share This Page