Masterworks Posted July 9, 2020 Share Posted July 9, 2020 Hi, For some reason I haven't been able to edit the "Login" window in any way, even with the !important tags. I haven't had any problems editing the other pages in CSS, but this one doesn't cooperate with me. Not sure if it's locked or if it's something I'm doing wrong. This is what I've written, I have tested multiple variations of this: //Login/Registration //Window .Dialog-container-uCx0n { background-color: #080808 !important; } //Title .Dialog-container-uCx0n h1 { color: #FFF !important; } //Sign in button .Button-container-BtFfe { background-color: #FFF !important; color: #000000 !important; } //Bottom text .Dialog-container-uCx0n footer a { color: #FFF !important; } //Input fields .Input-container-1PpPx input { font-family: 'Clarkson', 'Proxima Nova', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; color: #FFF !important; background-color: #000000 !important; } //Hide header "login button" .user-accounts-link.loaded .user-accounts-text-link { display: none; } Thank you! Link to comment
tuanphan Posted July 9, 2020 Share Posted July 9, 2020 Hi. You can't edit this popup with code. It is in iframe. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Masterworks Posted July 9, 2020 Author Share Posted July 9, 2020 2 minutes ago, tuanphan said: Hi. You can't edit this popup with code. It is in iframe. Damnit, so there's no workaround at all for this? I was losing my mind trying to understand why it didn't work.. Link to comment
tuanphan Posted July 9, 2020 Share Posted July 9, 2020 You cannot use CSS to interfere with code within an iframe tag. It is a code rule. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Masterworks Posted July 9, 2020 Author Share Posted July 9, 2020 1 minute ago, tuanphan said: You cannot use CSS to interfere with code within an iframe tag. It is a code rule. Understandable. I'm guessing it's not possible to bypass with javascript either? Link to comment
tuanphan Posted July 9, 2020 Share Posted July 9, 2020 I haven't tried with JS, you can try ✌️ Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
laterrarossa Posted November 27, 2022 Share Posted November 27, 2022 @Masterworks Were you ever able to find a solution for this? This drives me crazy as well because it is the one part of my site (laterrarossa.com) that does not follow site styles and looks so out of place. Link to comment
creedon Posted November 27, 2022 Share Posted November 27, 2022 (edited) Folks. I tackled changing the title of the login successfully. So I imagine that it may be possible to make further customizations. The code has some downsides. It depends on SS dynamic classes which can change at anytime. So you need to add a routine check of your site to see when things break and fix. It does require JavaScript to work. The JavaScript can work because the login dialog is added via an iframe on the same domain as your site. So it is possible to cross the document boundary with JavaScript. I can't say for sure what you want to accomplish can be done but if you are interested I might be able to modify the code to add the ability to include some custom CSS. Let me know if you are interested. Edited November 27, 2022 by creedon umershaikh and laterrarossa 2 Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
laterrarossa Posted December 1, 2022 Share Posted December 1, 2022 (edited) Thank you, @creedon! I really appreciate you looking into this. It sounds like it might cause me more grief in terms of complexity than it is worth right now, but we'll see if my perfectionism gets to me and I give in! Thank you again! Edited December 2, 2022 by laterrarossa typo :) creedon 1 Link to comment
umershaikh Posted January 19 Share Posted January 19 On 11/28/2022 at 2:16 AM, creedon said: Folks. I tackled changing the title of the login successfully. So I imagine that it may be possible to make further customizations. The code has some downsides. It depends on SS dynamic classes which can change at anytime. So you need to add a routine check of your site to see when things break and fix. It does require JavaScript to work. The JavaScript can work because the login dialog is added via an iframe on the same domain as your site. So it is possible to cross the document boundary with JavaScript. I can't say for sure what you want to accomplish can be done but if you are interested I might be able to modify the code to add the ability to include some custom CSS. Let me know if you are interested. Can you give me any example of javascript to add text please so i can do it also 🙂 Link to comment
creedon Posted January 19 Share Posted January 19 (edited) On 1/19/2023 at 3:32 AM, umershaikh said: Can you give me any example of javascript to add text please so i can do it also Please see the following. Let us know how it goes. Edited April 20 by creedon Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
umershaikh Posted January 20 Share Posted January 20 15 hours ago, creedon said: Please see the following two items. Member Area Sign In Dialog Change Let us know how it goes. Thank you so much for the help Link to comment
umershaikh Posted January 20 Share Posted January 20 1 hour ago, umershaikh said: Thank you so much for the help I tried this code but its not working out 😞 https://www.agallocolors.com/ Kindly check what is i am doing wrong ? Please help ! Link to comment
creedon Posted January 20 Share Posted January 20 10 hours ago, umershaikh said: I tried this code but its not working out 😞 https://www.agallocolors.com/ Kindly check what is i am doing wrong ? The issue is that my code was written for v7.1 sites. Your site is v7.0. Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
creedon Posted January 22 Share Posted January 22 On 1/20/2023 at 11:42 PM, umershaikh said: Can you write code for v7.9 ? It was a bit tricky as v7.0 and 7.1 handle the dialog in slightly different ways but I think I got there! 😅 Please see Member Area Sign In and up Dialog Change. Let us know how it goes. tuanphan 1 Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
creedon Posted April 7 Share Posted April 7 I have updated my Member Area Sign In Dialog Change code cited in my January 19 post. Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment