ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• May 2, 2014 at 9:58 pm #71929
  Josh3roush

  Member

  Post count: 52

  Hey,

  I am sure you have heard this a ton but well done with the theme.

  I had a quick question in terms of placement of the Modals.

  I was wondering if it was possible to place the modal in the header.

  I saw in an earlier message, from the comment board for the theme that a couple people were able to add it in there.

  Our goal is have a modal in the header, top right, where someone can click on it and get a free estimate.

  I am attaching an example of site that was able to accomplish what we wanted. (its the blue button)

  Thanks!

  May 5, 2014 at 12:58 pm #72154
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please go to Admin -> Theme Options -> Header options -> Right side text config -> Here you can put modal shortcode .

  Thanks 🙂
  With Best Regards
  Swift Ideas

  May 6, 2014 at 6:19 pm #72735
  Josh3roush

  Member

  Post count: 52

  Sounds good! I was able to add the button into the header and my goal is to just align the button to the right…not on the text on the left. What CSS do I need? Or Shortcode? (Please see attached screenshot)

  Thanks!

  May 6, 2014 at 6:24 pm #72739
  Josh3roush

  Member

  Post count: 52

  Also, is there a way to decrease the size of the button and also decrease the padding under the button?

  May 7, 2014 at 4:14 am #72819
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please always provide me website URL so i can inspect it .
  Thanks 🙂
  With Best Regards
  Swift Ideas

  May 7, 2014 at 6:21 pm #73161
  Josh3roush

  Member

  Post count: 52

  This reply has been marked as private.
  May 7, 2014 at 6:23 pm #73162
  Josh3roush

  Member

  Post count: 52

  Also to see the “button” we are referring to, you need to go to the “about us”, “services”, etc. pages because our home page does not have it!

  May 8, 2014 at 10:47 am #73373
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  I have resolved the issue by using the custom css code

  div.tb-right div.tb-text{text-align:right;}
  div.tb-right div.tb-text a.sf-button{padding:6px 16px}

  Thanks 🙂
  With Best Regards
  Swift Ideas

  May 9, 2014 at 1:29 am #73602
  Josh3roush

  Member

  Post count: 52

  Perfect, thanks for solving that!

  My only last question is how do I center it in the promo bar vertically. The contact info & button is hugging the top of the bar and I want it to be in the middle.

  Thanks!

  See screen shot for what I mean!

  May 9, 2014 at 1:46 am #73604
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  I have resolved it so please check it now with hard refresh .
  Thanks 🙂
  With Best Regards
  Swift Ideas

  May 9, 2014 at 5:33 pm #73817
  Josh3roush

  Member

  Post count: 52

  Hey,

  It still seems uneven…also is there a way to add padding in the black promo bar section.

  Do you have css to increase that so we can play around with it?

  Thanks!

  See attached image!

  May 11, 2014 at 1:04 pm #73923
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Finally , I have resolved the issue so please check and let me know . I have added given below css .
  `div.tb-right div.tb-text{text-align:right;}
  div.tb-right div.tb-text a.sf-button{padding:6px 16px}
  #top-bar{height:45px}`
  Thanks 🙂
  With Best Regards
  Swift Ideas

  May 13, 2014 at 11:04 pm #74750
  Josh3roush

  Member

  Post count: 52

  Lastly, how do you make the button that is in the top bar, not open in a new window, it is currently set that way.

  I am referring to “Request a quote” button on the top right part of the website. (see early comments for what I mean)

  May 14, 2014 at 8:18 am #74804
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  I am afraid that i am not getting you exactly.Please elaborate your question .
  Thanks

  May 15, 2014 at 5:29 pm #75414
  Josh3roush

  Member

  Post count: 52

  The code you gave me for my “request a quote” button in the top right hand side of the website, when the user presses the button it opens in a new tab on my browser and I don’t want that.

  See screenshot for what I mean.

• Back to forum

  Posted in: Dante