Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Dante › Modal in Header
New Landing › How can we help? › Themeforest Theme Support › Dante › Modal in Header
- This topic has 15 replies, 2 voices, and was last updated 10 years by Mohammad – SUPPORT.
-
Posted in: Dante
-
May 2, 2014 at 9:58 pm #71929
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 #72154Hi,
Please go to Admin -> Theme Options -> Header options -> Right side text config -> Here you can put modal shortcode .Thanks ๐
With Best Regards
Swift IdeasMay 6, 2014 at 6:19 pm #72735Sounds 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 #72739Also, 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 #72819Hi,
Please always provide me website URL so i can inspect it .
Thanks ๐
With Best Regards
Swift IdeasMay 7, 2014 at 6:21 pm #73161This reply has been marked as private.May 7, 2014 at 6:23 pm #73162Also 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 #73373Hi,
I have resolved the issue by using the custom css codediv.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 IdeasMay 9, 2014 at 1:29 am #73602Perfect, 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 #73604Hi,
I have resolved it so please check it now with hard refresh .
Thanks ๐
With Best Regards
Swift IdeasMay 9, 2014 at 5:33 pm #73817Hey,
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 #73923Hi,
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 IdeasMay 13, 2014 at 11:04 pm #74750Lastly, 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 #74804Hi,
I am afraid that i am not getting you exactly.Please elaborate your question .
ThanksMay 15, 2014 at 5:29 pm #75414The 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.
-
Posted in: Dante
You must be logged in and have valid license to reply to this topic.