• 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

Change color of the box surrounding home feature 1 and 2

Home › Community Forums › Epik Theme Support › Change color of the box surrounding home feature 1 and 2

  • This topic has 6 replies, 2 voices, and was last updated 9 years, 5 months ago by Abigailjane.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 17, 2013 at 5:28 pm #6618
    Abigailjane
    Customer

    Hi,

    I found a way around the problem I was having creating an opt-in for 2 different languages but for it to work I need to know how to change the color of the home-feature-bg-alt but only for the box surrounding the home feature 1 and 2. When I tried to change the color it changed all the other widgets further down the page too as they are also wrapped in this div. Is there a way that I can change the color for just this one? Or an alternative would be to make the home feature 1 and 2 span the entire width of the page. Not sure which option is the easiest?

    Thanks!
    Abigail

    August 18, 2013 at 12:35 pm #6624
    scooby
    Customer

    You have to replace the div that surrounds it with your own – home-feature-bg or home-feature-bg-alt. They reuse the divs so they don’t have to keep adding new code for each widget. So just create your own in the home.php file, and make sure and add your css to style it however you want.

    August 18, 2013 at 1:36 pm #6632
    Abigailjane
    Customer

    Hi Scooby thanks for the reply but I am still a little confused. It’s great to know it can be done but I am not sure what I am editing exactly? Do I just add something in?

    Thanks
    Abigail

    August 18, 2013 at 8:03 pm #6636
    scooby
    Customer

    Depending on which version you’re using you’ll see an ID or class called – home-feature-bg or home-feature-bg-alt in your home.php file. Your home.php file is where all of this is taking place, so simply change the one div that surrounds the widget you want to change and then add a new ID/Class….then style it in your css.

    August 21, 2013 at 11:36 am #6684
    Abigailjane
    Customer

    Hi, thanks for all the help so far, I have managed to change the color now but I cannot figure out the best way to get the text and input boxes looking evenly spaced across the page whilst still looking good on model, everything I do either makes it look good on the web but not on mobile or the other way around. Right now there is too much space in the middle between the text and the input boxes how can I edit that but still keep it looking good on mobile?

    August 21, 2013 at 9:06 pm #6699
    scooby
    Customer

    If you have a link I can take a look to see what it could be.

    August 21, 2013 at 9:15 pm #6702
    Abigailjane
    Customer

    sure here it is – http://www.minovalleyfarmsanctuary.org

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 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