Using a button in the Home Feature #3 (Gray) widget area

Homepage Community Forums Epik Theme Support Using a button in the Home Feature #3 (Gray) widget area

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #10335
    Bob_Fortner
    Customer

      I’ve managed to hack a link into this widget, but would really like it to be a button. Here’s the code I used.

      <div class=”alignleft”>An on-site photo shoot, extensive photo editing and delivery of unrestricted use images is included in all proposals.</div>

      <div class=”alignright”>Request Proposal</div>

      It actually worked with another Genesis theme I used a while back, but doesn’t seem to work the same way on Epik.

      http://bobfortner.com/

      #10345
      Wes
      Moderator

        You may have already seen this, but I have button code snippets here – http://demo.appfinite.net/epik/buttons/

        Here is an example of a Large button – <a href="PLACE_LINK_HERE" class="button large black">Large</a>

        Is that what you were referring to?

        #10357
        Bob_Fortner
        Customer

          I got the button to show up, but the text and the button want to wrap together. I tried to code this so that the text would do what it needs to on the left and that the button could be inline with the first line of text on the right. Here is the current code I’m using:

          <div class=”alignleft”>An on-site photo shoot, extensive photo editing and delivery of appropriately licensed images included in all proposals.</div>

          <div class=”alignright”>Medium</div>

          I was thinking that the <div class=”align left”> and <div class=”align right”> would give me what I’m looking for, but it doesn’t seem to work.

          #10361
          Wes
          Moderator

            They show up right next to each other because there is no width defined for alignleft and alignright. If you look at how I created the featured-left and right (in the demo – http://demo.appfinite.net/epik/) you’ll see I added a width of 48% to add some space –

            /* 22a - Content Align (Left & Right) ----------- */
            
            .feature-left {
            	float: left;
            	margin: 0 2% 0 0;
            	width:  48%;
            }
            
            .feature-right {
            	float: right;
            	width:  48%;
            }
            #10364
            Bob_Fortner
            Customer

              Do I add this to the stylesheet?

              #10368
              Wes
              Moderator

                The code above is already in your css, I was just using that as an example of what you would need to add to get the same effect. You need a float and a width assigned to the class/ID you use.

              Viewing 6 posts - 1 through 6 (of 6 total)
              • You must be logged in to reply to this topic.