Customize text to be in the slider widget area

This topic has 3 replies, 2 voices, and was last updated 11 years ago by Wes.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
April 19, 2013 at 3:58 pm #4015
happy2bnmarketing
Customer
I have basic HTML skills, so apologies in advance if this should be obvious.

I want to add some text in the slider area, like the welcome section, but above the slider image. I am open to editing this the best way possible, I thought about adding a special div it seemed a bit complicated structure wise. Then I tried just plugging in some code in the text box, but I hit a wall there, plus it’s not working in the responsive sense.

So, is there an easy way to add some text above the image? I feel like there’s code in the CSS overriding some of my edits.

Thanks!

http://kassy.killey.me/ (it’s a mess, I’ve been using it as a playground of sorts to test stuff as I figure out how I want to set it up.
April 19, 2013 at 11:58 pm #4025
Wes
Moderator
You could just add the text widget on top of the Slider (but still inside the Slider Widget area)….it sounds like you’ve already tried this, but thats what I would do. If you have done this already what type of issues were you encountering? Could you add some sample text there so I can take a look?
April 24, 2013 at 12:05 am #4145
happy2bnmarketing
Customer
Yes, that’s what I attempted. The copy is there “Slider copy” but having the size info there makes it big, but I can’t edit how big. If I remove it, it’s just very small… and as it adjusts responsively, it jumps down to have a white background. And it won’t change alignment.

The code I used for it is <font COLOR=”#FFFFFF”; size=”10pt”; face=”oswald”; ALIGN=”right”> Slider copy</font>
<br><br>

Thanks!”
April 24, 2013 at 2:42 pm #4175
Wes
Moderator
Oh I see now. If you resize your browser or view from mobile you’re saying the background changes to white in that area….We can fix this by removing the “background: none !important;” on line 3349 in your css file –

`.slider-wrap {
background: none !important;
}`

For the html part, try adding this – ` Slider copy` or you could just create a class and add the styles in your css and make the adjustments from there. You’ll probably want to add some padding to the top as well, since the slider doesn’t have any….you may or may not need to do this.
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.