Home Forums Plugin Support WP Project Manager Pro Problem with style sheet for Projects in front end

This topic is: not resolved

This topic contains 2 replies, has 2 voices, and was last updated by  Tareq Hasan 5 years, 2 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #16866

    Post count: 3


    I have the front end operational and have been working with it. Functionally, everything is going ok, but I have a style sheet issue that I can't figure out.

    In the Project Dashboard, there are icons for the users assigned to the project – avatars, I suppose. On both Safari and Firefox they are out of place. On Safari, they are scaled and distorted. On Firefox, they are shifted out of alignment from the project tile.

    I am using a theme in WordPress called Enfold, which is a purchased theme, if that matters.



    Post count: 3

    I think I found the issue. This may be something you want to update / fix. I am using Enfold theme in WordPress.

    The FrontEnd stylesheet doesn't control the layout for the gravatars as they are placed on the project tiles. That style definition is coming from the main WP Project Manager style sheet for the Admin layout. In Admin, the layout is great, but in FrontEnd, the gravatars are a mess.

    I removed this section of code from the admin.css

    “.cpm-projects .cpm-project .cpm-project-people {
    position: absolute;
    bottom: 15px;
    left: 16px;
    max-height: 96px;
    overflow: hidden;

    This completely fixed the layout issue in the front end. Gravatars are aligned inside the project Tile. I may play around with it and see if I can get them aligned near the bottom of the tile, but at least it tells me where the distortion is coming from.

    Could you guys elaborate on what's happening here? Most people won't be using stock themes in WordPress, so it's critical to know how to quickly fix style sheet issues like this.



    Tareq Hasan
    Post count: 2831

    It's kind of impossible to guess the situations like this as there are thousands of themes and to make it compatible with everyone one them. The frontend uses the admin sides css and also some overrides from the frontend css. So you could write css to the frontend plugins style.css or even override them from your themes style.css

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Problem with style sheet for Projects in front end’ is closed to new replies.