Home Page Slider Parameters

Homepage › Community Forums › Epik Theme Support › Home Page Slider Parameters

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 17, 2018 at 11:27 pm #22289
    Phil
    Customer

      Hi,

      I cannot find parameters to control the Slider (BTW, what’s the difference between Slider & Wide Slider? I can’t find a way to add a background image to the Wide Slider.).

      I added a background image (1600 x 1050) that is tiling when I open the browser to the width of my monitor. How do I get it to stop tiling? I’ve installed Regenerate Thumbnails — is that what it takes to fix this?

      Also, how do I set the height of the Slider window? I tried to set the height in the Genesis Responsive Slider, to no avail. Is it necessary to use GRS? Also, how do I change the text color in the slider widget?

      Thanks.

      See it here: http://dev.propelgrowth.com/

      January 19, 2018 at 4:43 pm #22303
      Wes
      Moderator

        Which slider are you using? If you haven’t installed one, then you would need to do that first as the one that we used to have on the demo was an external plugin (Genesis Responsive Slider by StudioPress).

        The difference between the Slider and Slider Wide –

        Slider: is 1140px wide (same width as the rest of the content in the theme).

        Slider Wide is a full width widget area, which means whatever content you add will stretch from end to end (FULL WIDTH).

        You don’t have to add a slider in any of those widgets if you don’t need to. You can add any type of content/widget inside those locations.

        “I added a background image (1600 x 1050) that is tiling when I open the browser to the width of my monitor. “

        Which image is doing this? I can’t tell which one you’re referring to.

        January 19, 2018 at 4:57 pm #22304
        Phil
        Customer

          Thanks, Wes.

          I’m using the Genesis Responsive Slider by StudioPress. It’s currently set at 1140 x 1000 pixels. The background image is the blue duotone with a closeup of a man and a woman at a whiteboard. The title reads, “Strategy That Connects You To Customers”. I can provide a screen shot, if you’d like. I’d like to ultimately replace that graphic with a 1600 x 1050 pixel video in the background, with white HTML text in front of it.

          January 19, 2018 at 5:24 pm #22307
          Wes
          Moderator

            Ok, now I see. I just opened it up on a larger monitor.

            This can be fixed by adding this to the CSS – 

            .front-page-1 {
	/*background-attachment: fixed;*/
	background-position: 50% 0;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size:    cover;
	background-size:         cover;
}

            This code is already added to the other widget background sections, but this will make it also work for the Front Page 1 widget if you plan to use a background image.

            January 19, 2018 at 6:27 pm #22308
            Phil
            Customer

              Thanks, Wes. Will give it a shot.

              January 22, 2018 at 5:20 pm #22325
              Phil
              Customer

                It looks to be working. Thanks.
                I tried to extend the height of the area to show more of the background, but it’s not working (experimented with settings in Genesis Responsive Slider). Do I add the code to the snippet you sent? Also, I can’t find how to change the text in the slider area to white.

                Please help. Thanks.

                January 24, 2018 at 4:47 pm #22331
                Wes
                Moderator

                  At the moment I don’t see the Genesis Slider Plugin being used in that widget, it looks like you’re using a Text widget. In order for any of the Genesis Slider settings to take effect, it needs to be used inside the widget. If you don’t add the plugin inside the widget, then none of the settings will work.

                  If you don’t really need the slider and you just plan to use a Text widget (or any other widget) instead, then adding the following code should work – 

                  .slider {
    color: #fff;
}

                  However, if you decide to use the Genesis Slider plugin, then you’ll have to add more CSS code that directly affects the Slider code/output.

                  To increase the space inside the widget (to show more of the background image) you could increase the padding. It looks like you already have this code on line 1995 – 

                  .slider .flexible-widgets {
    padding: 80px 0 20px;
}

                  If you increase the top (currently 80px) and the bottom (20px) then you’ll notice it will expand more.

                  I added this as an example- 

                  .slider .flexible-widgets {
    padding: 200px 0 140px;
}

                  Here’s the result – https://i.imgur.com/rPRyJAW.png

                  Let me know if that helps.

                  January 25, 2018 at 5:59 pm #22332
                  Phil
                  Customer
                    This reply has been marked as private.
                  • Author
                    Posts
                  Viewing 8 posts - 1 through 8 (of 8 total)
                  • You must be logged in to reply to this topic.