Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Edit "Logged Out" version of My Account

    • 7 years, 2 months ago eaf6989
      Participant

      Expired

      Hello

      Where can you edit the “logged out” version of the my account page?

      I can edit the “logged in” version but can’t find the “logged out” version?

      Hope that makes sense.

      Thanks

      Euan

    • 7 years, 2 months ago Mirela
      Participant

      Hello,

      What do you want to change in it? The responsive file is \june\woocommerce\myaccount\form-login.php

      1-To add/remove the social login (screenshot) go to YITH plugin > Social Login > uncheck the socials used as additional ways to register.
      2-To add/remove the registration form(screenshot), go to Woocommerce > Settings > Accounts > Customer Registration, uncheck the “Enable customer registration on the “My account” page.” checkbox.

      Let us know.

      Best regards!

    • 7 years, 2 months ago eaf6989
      Participant

      Expired

      Thanks Milhaila

      I want to change the look (colours) and was hoping to use the editor?

      Is that possible?

      Thanks

      Euan

      • This reply was modified 7 years, 2 months ago by eaf6989.
    • 7 years, 2 months ago Medrit
      Participant

      Hello,

      You can’t use the editor but I am providing you some code to help you change the color:

      #customer_login.u-columns .login_div input[type="submit"] {
      background: #f7be68;} 
      #customer_login.u-columns .col-2 form input[type="submit"] {
      background: #f7be68;} 

      Change the colors to your wish.

      Best regards!

      • This reply was modified 7 years, 2 months ago by Medrit.
    • 7 years, 2 months ago eaf6989
      Participant

      Expired

      Thanks Medrit, I’ll give it a go.

    • 7 years, 2 months ago eaf6989
      Participant

      Expired

      Sorry Medrit

      How do I incorporate the code into the form-login.php?

      Thanks

      Euan

    • 7 years, 2 months ago Medrit
      Participant

      Hello,

      You should add the code in Customize > General > Custom Codes.

      Let us know.
      Best regards!

    • 7 years, 2 months ago eaf6989
      Participant

      Expired

      Hi Medrit

      That has changed the colour of the buttons which is great. Can you provide a code to change the background of the area around the login. It is currently a light blue.

      Many thanks

      Euan

    • 7 years, 2 months ago Medrit
      Participant

      Hello,

      To change the background of the area around login you should add the code below:
      #customer_login.u-columns .login_div {background:red;}

      Change the colors to your wish.

      Best regards!

    • 7 years, 2 months ago eaf6989
      Participant

      Expired

      Perfect Medrid.  All done, many thanks.

      Euan

    • 7 years, 2 months ago eaf6989
      Participant

      Expired

      Do you have a code to change colour of the text “lost your password” please?

      Where can I learn about these codes?

      Cheers

    • 7 years, 2 months ago Medrit
      Participant

      Hello,

      Add the code below :

      #customer_login.u-columns .login_div .other a

      Best regards!

      • This reply was modified 7 years, 2 months ago by Medrit.
    • 7 years, 1 month ago eaf6989
      Participant

      Expired

      Hi Medrid

      I get an error when I add that code.  Expected LBRACE?

      Also where do you enter the colour code in that line?

      Thanks

      Euan

    • 7 years, 1 month ago Medrit
      Participant

      Hello,

      #customer_login.u-columns .login_div .other a{ color:red;}

      Now should work fine. Change the colors to your wish.

      Best regards!

    • 7 years, 1 month ago eaf6989
      Participant

      Expired

      Thats better, thanks Medrit.

      Where can I learn about these codes?

      Kind regards

      Euan

    • 7 years, 1 month ago Mirela
      Participant

      Hello,

      You can find all css classes to edit out, using Inspect Element. Learn more here: https://youtu.be/s53lPzBjLcU.

      Best regards!

Viewing 15 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password