[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

[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;
}

[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

[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

[Kay]

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.

[Murat Asal]

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

[Author]

Posts