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.
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.
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?
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>
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 –
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.