My Account Block styling

  • Resolved kombimedia

    (@kombimedia)


    8 months, 1 week ago

    Hi there,

    I have just started working with a client who is using LifterLMS. When I add the ‘My Account’ block to a page it is not styled like in the documentation i.e. two column, vertical menu links. My block has an unstyled horizontal list of menu links.

    Should the default ‘My Account’ page be styled as in the documentation or does this have additional styling?

    Cheers

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support Nick Mariano

    (@reddotinmotion)

    Hi @kombimedia,

    Note that the [lifterlms_my_account] shortcode and the My Account block will be styled according to your current theme. For example:

    • In the Sky Pilot theme (the one used in our documentation screenshots), both the shortcode and the block will have two columns with vertical menu links on the left column.
    • In the Twenty Twenty Four theme, both the shortcode and the block will have a horizontal menu list.
    Thread Starter kombimedia

    (@kombimedia)

    Thanks @reddotinmotion,

    Ok, so Sky Pilot is a premium LifterLMS developed theme?

    The LifterLMS blocks don’t have any styling options so I guess we’ll need to use custom CSS. Do you have a cheat sheet or styling guide available so assist in stying the course pages when another theme is used?

    Cheers,

    Cy

    Plugin Support Nick Mariano

    (@reddotinmotion)

    Hi @kombimedia,

    You are correct that the Sky Pilot theme is a paid theme.

    To learn how to add custom CSS to your site, we recommend following the links below:

    Thread Starter kombimedia

    (@kombimedia)

    Hi r@eddotinmotion,

    Not really what I’m asking but thanks for your response.

    Cheers

    Plugin Support Nick Mariano

    (@reddotinmotion)

    Hi @kombimedia,

    My apologies. Currently, there is not document or blog post in lifterlms.com that specifically provides a style guide that applies to every theme. The main reason is because every theme can override the HTML and CSS of LifterLMS, which makes it impossible for us to develop a guide that applies to all themes.

    The best we can do is teach our users how to see the HTML and CSS classes that gets used in the front end, as was shown in lifterlms.com/docs/css-structure. Our users can the then use that to write their own custom CSS, and add that CSS by following lifterlms.com/docs/add-custom-css.

    We do have a cheat sheet of codes in our code snippets library — but that is a cheat sheet for PHP code.

    Thread Starter kombimedia

    (@kombimedia)

    No worries @reddotinmotion, thanks for the follow up.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘My Account Block styling’ is closed to new replies.