
Tagged: caption text, custom, Frame, fullscreen slider
-
AuthorPosts
-
January 25, 2014 at 3:25 pm #214806
When entering plain text into the caption text box, the text retains the frame option that’s set.
I want to enter custom text and still retain the frame option, but when I do, the frame isn’t holding.
Is there any text I can add to what you see in the photo to keep the frame?
Code:
<h3><span style=”color: #99cc00;”>Sign up to our newsletter to stay up to date on everything we do!</span></h4>Thanks
-
This topic was modified 11 years, 1 month ago by
Alex.
January 27, 2014 at 9:10 pm #215500Hi Alex!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
.caption_framed .slideshow_caption .avia-caption-content p { color: #99cc00; font-size: 18px; }
Cheers!
YigitJanuary 27, 2014 at 9:25 pm #215511Thanks. It worked, but it looks a little off, the box is very close to the title box. Without the formatting, it’s spaced properly.
And how do I make the text style strong/bold?
January 27, 2014 at 9:29 pm #215513January 27, 2014 at 9:30 pm #215515This reply has been marked as private.January 27, 2014 at 9:32 pm #215516Hey!
Please replace the code i posted with following one
.caption_framed .slideshow_caption .avia-caption-content p { color: #99cc00; font-size: 28px; font-weight: bold; margin-top: 20px; padding: 20px; }
Cheers!
Yigit-
This reply was modified 11 years ago by
Yigit.
January 27, 2014 at 9:35 pm #215517Thanks, that did it. One last thing please, if you don’t mind. How do I make the box stay relative to the font size? Right now I have it set to 28, but the box around the font isn’t relative to it’s size the way it is on the title box that says Welcome.
January 27, 2014 at 9:39 pm #215520Hi!
I have edited my previous post and added padding. Please once again update custom CSS code in Quick CSS and adjust padding value as needed
Regards,
YigitJanuary 27, 2014 at 9:47 pm #215527Nice! That did it.
Don’t kill me, but how do I make the button text larger as well in the slide?
January 27, 2014 at 9:59 pm #215531Hey!
Please add following code to Quick CSS and adjust as needed as well
#top .avia-slideshow-button { font-size: 18px; }
Please do not hesitate to ask your questions :)
Best regards,
YigitJanuary 27, 2014 at 10:01 pm #215535Excellent, you can close this thread and thanks for all your help!
I wish there was more formatting options available for everything in this theme so I wouldn’t have to add code for all these changes that should be simple to apply.
January 27, 2014 at 10:05 pm #215541Hey!
You are welcome! As you know Enfold is one of the most flexible theme out there and if all possible formatting options would be added to theme options or shortcode options, it would probably be so complicated. As i mentioned earlier, feel free to ask if you have any questions or issues.
Best regards,
Yigit -
This topic was modified 11 years, 1 month ago by
-
AuthorPosts
- The topic ‘Fullscreen Slider Caption text loses frame with custom caption text’ is closed to new replies.