• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

Customize text to be in the slider widget area

Home › Community Forums › Optimal Theme Support › Customize text to be in the slider widget area

  • This topic has 3 replies, 2 voices, and was last updated 9 years, 9 months 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.
Log In

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2023 · Appfinite · Built With The Genesis Framework