Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 4, 2019 at 9:25 am #1115681
    deeennis90

    Hello,

    i’m doing some adjustments on my captions in the fullscreen slider and they work pretty good.

    /*Slider adjustments*/ 
h2.avia-caption-title {
font-style: none !important;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.avia-caption-title  {
position: relative;
top:150px;
font-style: italic !important;
}

.avia-caption-content p {
position: relative;
top:150px;
left:150px;
}

.avia-caption-title,.slideshow_caption  {
	background: transparent!important;
}

.slideshow_caption .avia-caption-content p {

}

    1.
    I have problems to remove the italic font-style.
    This one here doesn’t work:

    h2.avia-caption-title {
font-style: none !important;
}

    2.
    I also tried to set a small outline for the caption title and was using the text-shadow option:

    h2.avia-caption-title {
font-style: none !important;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

    It worked pretty good using through devtools in chrome. Am i targeting the wrong class?

    Best,
    Dennis

    July 4, 2019 at 1:43 pm #1115758
    Rikard

    Hey deeennis90,

    This CSS is causing that to happen:

    .avia-caption-title {
    position: relative;
    top: 150px;
    font-style: italic !important;
}

    It’s not coming from any of the theme files, it looks to be added inline or something similar. Do you have it in text block maybe?

    Best regards,
    Rikard

    July 4, 2019 at 1:46 pm #1115760
    Rikard

    Hi again,

    It’s likely coming from the settings for the caption in the element options, please check there.

    Best regards,
    Rikard

    July 4, 2019 at 2:36 pm #1115790
    deeennis90

    Hi Rikard,

    found it. It was in my quick css.

    h2 {
letter-spacing: 8px !important;
/*font-style: italic;*/
}

    Thanks.

    Do you have any idea for my second question and the outline for the caption?

    EDIT: Seems to work on Chrome but not on Safari. Cache and Cookies are cleared. Any advices?

    Best,
    Dennis

    • This reply was modified 5 years, 5 months ago by deeennis90.
    July 6, 2019 at 6:29 am #1116153
    Rikard

    Hi Dennis,

    Great, I’m glad that you found the CSS.

    Outline; I get basically the same results in Chrome and Safari, if anything the outline might be a tiny bit thicker on Safari. I’m not sure how we can reproduce the results you are getting?

    Best regards,
    Rikard

    July 6, 2019 at 9:36 am #1116214
    deeennis90

    Hi Rikard,

    my zoom wasn’t set to 100%… works fine. :)

    Thanks for everything, this can be marked as solved.

    Best,
    Dennis

    July 6, 2019 at 2:00 pm #1116278
    Rikard

    Hi,

    Great, I’m glad that you found the problem and thanks for the feedback. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Adjustments caption title and caption content (fullscreen slider)’ is closed to new replies.