How to change the size and the position of the text on slider?

Forums » WordPress » Tempera » How To

  • Author
    Posts
  • September 4th, 2014 at 12:56 #27071
    Murat Asal

    Hello,
    Thank you for a great theme.
    How can I change the size and the position of the text that appears on the slides in the presentation page?

    Best

    Murat

    September 5th, 2014 at 18:42 #27084
    Arnouville et son Passe

    hi,

    in Style.css, 

    nivo-caption {
    border-radius: 0;
    bottom: 60px;
    box-sizing: border-box;
    display: none;
    opacity: 0.8;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    right: 60px;
    width: 43%;
    z-index: 8;
}
.nivo-caption h2 {
    border-bottom: 1px solid #444;
    font-size: 24px;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 5px 10px 15px 5px;
    text-align: right;
}
.slide-text {
    font-size: 14px;
    line-height: 1.5em;
    padding-left: 20px;
    padding-right: 10px;
    text-align: right;
}
    September 8th, 2014 at 09:22 #27101
    Murat Asal

    Hi,
    Thank you for the answer.
    Although my css file look a little bit different I suppose I should change some of the parameters in that css file in order to get what I want but I am not an expert so I need some more help.
    1. Which parameter should I change if I want the text box to be smaller in width? Because I change the width from 43% to 23% without result.
    2. Which parameter(s) controls the position of the text box?
    Thanks
    Murat Asal

    September 8th, 2014 at 09:27 #27102
    Murat Asal

    This is how my CSS file looks like
    ____________________________________
    /* Caption styles */
    .nivo-caption {
    position:absolute;
    right:60px;
    bottom:60px;
    width:43%;
    z-index:8;
    padding: 10px;
    filter:alpha(opacity=8);
    opacity: 0.8;
    overflow: hidden;
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    }
    .nivo-caption h2 {
    margin-bottom:10px;
    font-size:24px;
    line-height:30px;
    padding:5px 10px 15px 5px;
    border-bottom:1px solid #444;
    font-weight:normal;
    text-align:right;
    }

    .slide-text {
    padding-left:20px;
    text-align:right;
    padding-right:10px;
    font-size:14px;
    line-height:1.5em;
    }

    Murat Asal

    September 9th, 2014 at 17:56 #27135
    Kay
    Cryout Creations mastermind

    Could you provide a working link to your site so we could give you the exact CSS code?

    Generally, you shouldn’t edit theme files directly. You can either use child themes, or the Custom CSS field under Miscellaneous Settings. Try adding this to your Custom CSS field:

    .nivo-caption {
    top:40px !important; //positioning
    left:40px !important; //positioning
    width:25% !important; //width
    }

    Before posting consider reading our short theme debugging instructions.
    Please read the FAQs: Mantra • Nirvana • Parabola • Tempera
    Tutorials: custom menus • translating theme • installing theme • category page with intro • disabling comments Wordpress: child themes • categories/posts
    Before making any modifications to your theme we strongly recommend using Child Themes.
    September 9th, 2014 at 21:31 #27139
    Murat Asal

    Hi,
    The website is http://www.primeortodonti.se.
    Best
    Murat Asal

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘How to change the size and the position of the text on slider?’ is closed to new replies.