Button Positioning

Homepage › Community Forums › Epik Theme Support › Button Positioning

Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • June 11, 2014 at 3:53 pm #12626
    Justin
    Customer

      Wes,

      I am trying to add multiple buttons in a horizontal row on the welcome wide part of the theme. I have adjusted that part so that welcome feature 1 widget and welcome feature 3 widget take up 98% of the space. in the welcome feature 1 widget area I want to add 4 buttons in a horizontal row but this picture shows my result. I am using the customizer and adding in the buttons widgets but obviously it isn’t working. Let me know what I should try doing.

      By the way, this forum is awesome and has helped me a ton already! You da man.

      Here’s how the site looks, unfortunately it’s just a picture because i’m working on a local server so the website isn’t live.

      http://www.yogile.com/vr2chyw1#

      June 11, 2014 at 4:00 pm #12627
      Justin
      Customer

        I do plan on doing a similar thing in the welcome feature 3 area as well. I want to place six siteorigin feature widgets in a row in that area. I’m sure the process will be very similar.

        June 11, 2014 at 7:28 pm #12634
        Wes
        Moderator

          Yeah a link to your site would be much easier to really know what’s going on so I can look at everything together. So as soon as you can get one setup that will help me to see what’s going on.

          Are you planning to have each widget on top of each other? If so, you could just use the Welcome Wide widget area and stack the widgets on top of each other, so then you wouldn’t need to use the other Welcome widget areas. For example, if you look at the demo at the home feature 1 and 2 widget areas – http://demo.appfinite.net/epik/ (its the 3rd section with a white background) I have 2 separate text widgets stacked on top of each other on both sides. Is that what you’re trying to do?

          June 12, 2014 at 5:57 pm #12647
          Justin
          Customer

            As to your reply, I am trying to do Quite the opposite.
            Here’s what I’m trying to do but I want to add up to 4 of these images and/or widgets:

            Home Feature 3 widget area:
            _________________________________________________
            |——-_________———-___________———–|
            |——|———|——–|———–|———-|
            |——|-Image 1-|——–|Image-2-or-|———-|
            |——|or-widget|——–|-Widget—-|———-|
            |——|———|——–|———–|———-|
            |——|_________|——–|___________|———-|
            |————————————————|
            |________________________________________________|

            but when i add images or widgets this is what i get:

            |—————________________—————–|
            |————–|—————-|—————-|
            |————–|—-Image-1-or–|—————-|
            |————–|—-Widget——|—————-|
            |————–|________________|—————-|
            |————————————————|
            |—————________________—————–|
            |————–|—————|—————–|
            |————–|—Image-2-or–|—————–|
            |————–|—–widget—-|—————–|
            |————–|_______________|—————–|

            Obviously that isn’t scaled 100% correctly but that should relay the idea of what I am trying to accomplish.

            Does that make more sense? if not, then next week i will try to get a live site to work from so you could see as well.

            Heres the link to what i want it to look like. This is a section that i was able to do with a different plugin but wont work with the images and buttons.

            http://www.yogile.com/vr2chyw1#41m

            June 14, 2014 at 10:08 pm #12684
            Wes
            Moderator

              So it looks like you want your images to float next to each other? If that’s all you need, then I would keep them all in the same widget (text widget) and use the column code to have them float like this – http://demo.appfinite.net/epik/columns/

              For 2 columns you can add this code – 

              <div class="one-half first">
<p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.</p>
</div>

<div class="one-half">
<p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.</p>
</div>

              For 3 columns add this – 

              <div class="one-third first">
<p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.</p>
</div>

<div class="one-third">
<p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.</p>
</div>

<div class="one-third">
<p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.</p>
</div>

              For four columns add this – 

              <div class="one-fourth first">
<p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.</p>
</div>

<div class="one-fourth">
<p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.</p>
</div>

<div class="one-fourth">
<p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.</p>
</div>

<div class="one-fourth">
<p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.</p>
</div>
              June 16, 2014 at 4:47 pm #12716
              Justin
              Customer

                Thanks Wes! Didn’t realize that functionality was built in. I think my homepage can now be created.

                June 17, 2014 at 11:22 am #12726
                Wes
                Moderator

                  You’re Welcome!

                • Author
                  Posts
                Viewing 7 posts - 1 through 7 (of 7 total)
                • The topic ‘Button Positioning’ is closed to new replies.