Layout of the page when PMPro member is logged out

[fabienne]

Hi,

I would like to know how to customise the layout of the page that members see when they are looking at content that they cannot access.
If you look at this page: http://www.tourismtribe.com/welcome/ the layout is horrible and I would like to customise it.

Is there a way to place the message in yellow within an element of visual composer?

Thanks

TourismTribe.com

[Laura]

Hello, yes we can help you with a bit of css, how would you like it to look?
Do you have any website as reference?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[fabienne]

Thanks – i thought there may have been a setting to apply a template 🙂

TourismTribe.com

[Laura]

Hello, for that sadly there is not another option than custom css

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[fabienne]

Hi Laura me again re: this question.

I now have the excerpt causing an issue (as I activated to display the excerpt).
Would you please be kind enough to help me with what css I need to use to display the excerpt in the right position (see issue here: http://www.tourismtribe.com/youtube-and-video-hosting-sites/)
I am having another issue with the excerpt not displaying whereas it should so I want to ensure the css applied to this page doesn’t disrupt the excerpt when pulled in the ‘grid’ somewhere else.

Thank you

TourismTribe.com

[Laura]

Hello, i cannot access, could you give me an user? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[fabienne]

Hi Laura,

The issue is with the page when not logged in. Hence why I didn’t give you the login details.
Can you see the very first line of text at the top of the login box? How it is all the way to the left? That is the one that is the excerpt that I would like to know how to fix.

Thank you !

TourismTribe.com

[Laura]

Hello, i will be able to do the changes for you, just let me know each thing that you want to change 🙂
As we cannot change the title because it will affect all the articles, we can make the box bigger so it hides it.
Try adding this CSS in Quick CSS

COPY CODE

.pmpro_content_message {
  paddinng-right: 20px;
  padding-top: 20px;
  margin-bottom: 20px;
  background-color: #f3f3f3;
  border: 1px solid #f4f4f4;
  margin-left: 0px !important;
  margin-right: 40px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  width: 100% !important;
  margin-top: -55px;
  z-index: 1;
  position: relative;
}
.pmpro_content_message h2 {
  padding-left: 170px;
}
.pmpro_content_message p, .pmpro_content_message h2 {
  color: #444444;
  padding-left: 170px !important;
  padding-right: 20px;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[fabienne]

Hi Laura,

The text that I want to move is not the login box, it is the one in blue in this screenshot: http://screencast.com/t/et4OiY8QHhG
It is the excerpt of the post. The post isn’t visible because it requires PMPro membership.

I certainly don’t want the title to be hidden nor my excerpt to be hidden. I just want it to have some space and not be totally on the left.

Thanks Laura

TourismTribe.com

[Laura]

Hello, but if i change that, it will change all titles on all articles, not just this one

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[fabienne]

Hi Laura,

Well, what I need is for when someone is logged out, for the content to be nicely displayed on the template.
I have purchased this template because it looked very nice and now I realise that I am having an issue with the content not displaying properly to users that aren’t logged out.

Would KLEO please assist me in fixing this?

What I need is for this content to be nicely displayed with a left margin when users are logged out. When they are logged in it seems to work naturally.

So yes pls please provide me with the code and I will test.

TourismTribe.com

[Laura]

Hello, i can give you a css code with the margin, but it will affect all other articles, because the class is a global class, not a pmpro restricted to logged out member class, i do not see the article title anymore in your website, please let me know once its there to give you the code 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts