Thread

Hi,

I’m trying to customise the member templates but I can’t figure out one bit. So far, I’ve found where the member themes are, Design/Themes/Member Profile templates, and I’ve changed html_header and html_footer to match the rest of the site. So far so good.

When the member pages are rendered there always seem to be a page title like “Login” or “Member Registration” or “Forgotten Password” followed by a link like home>login, home>register and so on. What I would like to do, and this is where I’m stuck, is to style these two bits of information.

Specifically, I would like to access this page title in my header and then turn it and the link off in the main body. I notice that the link is not there in the Agile Records theme but I don’t know how they’ve done that.

If anybody could help me, I’d be very grateful. Thanks.

P

Hi pantasarus,

Sorry, I’m not quite following you. What you mean by ‘access this page title in my header’?

Cheers

Greg

Sorry,

What I was referring to were the lines like “Member Registration”, “Forgotten Password” which at the moment seem to be the first line of the main body of the member templates. I was wondering if there was a tag I can use so I can refer to the same lines in my version of html_header?

P

pantasarus,

When the member pages are rendered there always seem to be a page title like “Login” or “Member Registration” or “Forgotten Password” followed by a link like home>login, home>register and so on. What I would like to do, and this is where I’m stuck, is to style these two bits of information.

In the Agile theme you can find the style in global_embeds/site_css from the Main template area

div#branding_sub div#member{position:absolute;right:0;top:20px;background:url(<a href="http://127.2.0.1/810/themes/site_themes/agile_records/images/brown_40.png">http://127.2.0.1/810/themes/site_themes/agile_records/images/brown_40.png</a>);border:1px solid #846f65;color:#ccc;font-size:11px;padding:8px;}
div#branding_sub div#member ul{margin:0;line-height:13px;list-style:disc;}
div#branding_sub div#member h4{margin-bottom:4px;}
div#branding_sub div#member a:link, div#branding_sub div#member a:visited{color:#ccc;}
div#branding_sub div#member a:hover, div#branding_sub div#member a:focus{color:#fff;}

Specifically, I would like to access this page title in my header and then turn it and the link off in the main body. I notice that the link is not there in the Agile Records theme but I don’t know how they’ve done that.

Try using the variable {page_title}. Does that help?

Hi,

Thanks for pointing out where the style sheets for Agile Records are.

Unfortunately {page_title} doesn’t work, neither does {title} nor {url_title}.

P

Is there a particular template you’re trying to customize? Are you modifying an existing theme?

So far what I have done is made a copy of the default profile themes (the ones from ~/themes/profile_themes/default) and renamed them this copy as my_theme (original eh?). In here, I’ve changed “html_header” and “html_footer” to match the rest of the site’s look and feel. Now when I go to navigate to “../index.php/member/login” in my browser, I get the log in form and it looks like it’s part of the rest of site.

I can change the header of this page by editing “html_header.html”, the footer by editing “html_footer.html” and the log in form itself by altering “login_form.html”. The file “member_page.html” seems to control how it’s all put together :

{include:html_header}

<div id="content">
{include:member_manager}
</div>

{include:html_footer}

However when it’s rendered, I always get two extra unexpected lines between “html_header.html” and “login_form.html”. For example, for “../index.php/member/login” these lines are

<div class="heading">Login</div>
<div class='breadcrumb'><a href="#">home</a><span class="breadcrumbspacer">  >  </span><span class="currentcrumb">Login</span></div>

And it’s these two lines that are causing my frustration. So far I’ve only tried

“../index.php/member/login”
“../index.php/member/register” &
“../index.php/member/forgot”

and there are similar lines there as well. What I’m trying to find out is, are these lines set somewhere in EE that I’ve missed? Can they be edited? Turned off? Or is there a tag that references lines so I can use them in “html_header.html”?

The site has a very stylised look for headings that I’m trying to replicate and I can’t do it with the html code that gets rendered at the moment because both of these lines are wrapped in table row html. If I can’t style them, then I’ll need to find a way to turn them off.

P

The breadcrumb one is in breadcrumb.html.

Ah of course, obviously! Thanks Sue!

Any ideas about the other line?

P

I spent about an hour rooting around trying to find it. I’m going to have to ask other members of the team for help. Thanks in advance for your patience.

Any news on this?

P

Nothing yet, I pinged them again. 😊

Hi, pantasarus -

I’m having some trouble finding the exact lines that you are talking about.  Do you have a link to the page, and can you show us exactly what you mean?

Also, if you’re basing this on the Agile theme, each template is marked with HTML comments for the beginning and end of the template, which should help you narrow that down.

Hi,

I’m not sure what to add that isn’t in post 6. The site isn’t up anywhere, only on my laptop so unfortunately I can’t post a link to it. In the template I have

This part of the site is restricted to members only.
Please log in or register to continue
<ul class='block'>
    <li><a href="http://{path=member/login}">Log In</a></li>
    <li><a href="http://{path=member/register}">Register</a></li>
    <li><a href="http://{path=member/forgot}">Forgotten Password</a></li>
</ul>

All straight forward so far. Note, the templates that pointed to are part of EE and according to the manual can be styled by editing “design->themes->member profiles themes” from the control panel. So far so good.

Now, here at “design->themes->member profiles themes” I can change the html header for the rendered page, the footer and, as Sue pointed out, the breadcrumbs for the rendered page.

So when I click on

<a href="http://{path=member/login}">Log In</a>

I get the login page, with my header (fine), my footer (fine), the login form itself (fine) but just before the login form I get a line that says “Login” on the {path='member/login'} page, “Member registration” on {path='member/register'} page and “Forgotten Password” on {path='member/forgot'}.

This is the line that’s causing me problems.

P

Hi pantasarus,

Are you just wanting to get rid of that text? You may be able to simply style it with a “display:none” CSS rule.