Change color of the box surrounding home feature 1 and 2

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

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

      #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.

        #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

          #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.

            #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?

              #6699
              scooby
              Customer

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

                #6702
                Abigailjane
                Customer
                Viewing 7 posts - 1 through 7 (of 7 total)
                • You must be logged in to reply to this topic.