-
Author
-
October 13, 2018 at 22:58 #211547
emmanuel
Participanthi how can i get the default register with facebook button link that the theme has to paste it to another button i created in elementor see attachment
Attachments:
You must be logged in to view attached files.October 14, 2018 at 00:07 #211551Kieran_SQ
ModeratorHi,
You can paste in this HTML to generate the Facebook register button. This is a direct copy of the HTML output on the page and is therefore not dynamic, that is to say, it will show to logged in and logged out users.
<a href="#" class="facebook_connect radius small button facebook"><i class="icon-facebook-sign"></i> Register With Facebook</a>
This will only render the button style and will not function as a button to register outside of the modal.
Thanks,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
October 14, 2018 at 02:12 #211553emmanuel
Participanthi thanks could you send my the same for the login with facebook button
October 14, 2018 at 11:17 #211558Kieran_SQ
ModeratorHi,
The HTML can be used by adding a HTML element from the left bar of Elementor, search HTML in the bar for ease.
The HTML for the login button is as follows
<a href="#" class="facebook_connect radius button facebook"><i class="icon-facebook-sign"></i> Log In With Facebook</a>
Thanks,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
October 14, 2018 at 15:16 #211563emmanuel
ParticipantHi thanks in elementor is there a way i can hide a button or something from logout users and only show it to login users
October 14, 2018 at 15:31 #211564Kieran_SQ
ModeratorHi,
Currently there is not a way within Elementor to limit the view of an item. I am also unaware of any third party plugin that adds this functionality to Elementor.
Edit: Feel free to add your name to a list of other Elementor users requesting the same functionality https://github.com/pojome/elementor/issues/1592
Thanks,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
October 14, 2018 at 17:04 #211566emmanuel
Participantok could i also get the login/profile buttom link too to add to the html in elementor see attachment
Attachments:
You must be logged in to view attached files.October 14, 2018 at 17:13 #211570Kieran_SQ
ModeratorHi,
The full HTML output for the elements you highlighted is as follows
COPY CODE<div class="eight columns login-buttons"> <ul class="button-group radius right"> <li class="header-login-button"> <a href="#" data-reveal-id="login_panel" class="tiny secondary button radius"> <i class="icon-user hide-for-medium-down"></i> LOG IN </a> </li> <li class="header-register-button"> <a href="#" data-reveal-id="register_panel" class="tiny button radius"> <i class="icon-group hide-for-medium-down"></i> SIGN UP </a> </li> </ul> </div>
Thanks,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
October 14, 2018 at 17:45 #211571emmanuel
Participanthi thanks but how to get the login button to turn to the profile button when a user is login
October 14, 2018 at 17:49 #211572Kieran_SQ
ModeratorHi,
As explained in my earlier reply, this is static output, it is not dynamic and will not respond in that way when used as HTML.
There is no shortcode to add modal or menu content other than where it appears in the theme header already.
Thanks,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
October 14, 2018 at 18:01 #211575Kieran_SQ
ModeratorHi,
I’d need to be logged in to generate the specific HTML for your site with the profile button. Please update this ticket, in a private reply, with login credentials for your site so I can send this to you.
Thanks,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
October 14, 2018 at 18:09 #211577Kieran_SQ
ModeratorHi,
The full HTML output for the logged in buttons, both profile and logout, is as follows
COPY CODE<div class="eight columns login-buttons"> <ul class="button-group radius right"> <li class="relative btn-profile"> <div href="#" class="tiny secondary button split dropdown" data-options="is_hover:true"> <a href="https://www.eumello.com/members/admin/" class="tiny secondary button radius"> <i class="icon-user hide-for-medium-down"></i> PROFILE </a> <span></span> <div class="kleo-notifications"> </div> <ul class="no-hover" style="top: 23px;"> <li><a href="https://www.eumello.com/members/admin/activity/">Activity</a></li> <li><a href="https://www.eumello.com/members/admin/settings/">Settings</a></li> </ul> </div> </li> <li> <a href="https://www.eumello.com/login/?action=logout&redirect_to=https%3A%2F%2Fwww.eumello.com&_wpnonce=decd2c9c6c " class="tiny button radius btn-logout"> <i class="icon-off hide-for-medium-down"></i> LOG OUT </a> </li> </ul> </div>
Note: You will obviously need to update any href=”” value that you wish to use as these are specific to an account
Thanks,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
October 14, 2018 at 18:13 #211579emmanuel
Participantthanks on my site i would like to remove the header from only the home page on the mobile website could you please help me to do that see attachment i am replacing with another one from elementor
Attachments:
You must be logged in to view attached files.October 14, 2018 at 18:20 #211582Kieran_SQ
ModeratorHi,
If you use Elementor to build a header it will completely remove the header for the page(s) you define regardless of device. Therefore it isn’t possible to sent you CSS to only hide the header on mobile.
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
October 14, 2018 at 18:25 #211583emmanuel
Participantyes it’s going to be ok to remove the header from the home page and mobile website and to my site on the mobile and you will see i have one to replace it and is working fine
October 14, 2018 at 18:32 #211584Kieran_SQ
ModeratorHi,
The CSS to hide the menu on the home page for mobiles only would be as follows
COPY CODE@media screen and (max-width: 765px) { .home-page header { display: none; } }
Thanks,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
October 14, 2018 at 18:40 #211585emmanuel
Participantthanks bro could you also remove the message page in the menu on the mobile website see attachment
Attachments:
You must be logged in to view attached files.October 14, 2018 at 18:46 #211588Kieran_SQ
ModeratorHi,
This is not from SweetDate, it’s an element of either Elementor or one of your menus. You should adjust it there.
Thanks,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
October 14, 2018 at 19:01 #211589emmanuel
Participantok it’s an element of Elementor and it use the menu the primary menu i setup of the hold site can’t the message item be hidden with css see attachment
Attachments:
You must be logged in to view attached files.October 14, 2018 at 19:19 #211593Kieran_SQ
ModeratorHi,
Removing menu items on a per device basis is going to be tricky for any amount of items. You can actually do it with the method I show below. This is not an issue with the theme but a question of development, and is not something we can do for you as a back and forth within the scope of the support offered with the theme.
COPY CODE@media screen and (max-width: 765px) { li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-1274 { display: none; } }
If you want to do this with other menu items you’ll need to duplicate that CSS from in-between the media query and change the menu item ID, you can get this by right clicking the menu item.
Thanks,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
October 14, 2018 at 20:04 #211598Kieran_SQ
ModeratorHi,
You’re welcome. Feel free to open a new topic with any other questions or issues and one of the available support team members will be happy to assist.
All the best,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
-
AuthorPosts
You must be logged in to reply to this topic.