Hello-- Using Amember with Joomla. I have modified Html files for various pages to control the page width, but even though on signup page the width appears correct, other messages that reference the signup page template appear at 100% width and with no top spacing, such as the below: Please check your email - verification email message has been just emailed to you. Once you receive this message, read this and follow instructions in this email to complete your subscription. Where do I contain this text width and increase the spacing? Where would I set a background color for the rest of the page? Thanks L
Hey lwagner! You can edit the HTML code of the thank you page at /amember/templates/thanks.html You can edit the CSS for the aMember templates at /amember/templates/css/site.css But if you don't have a site.css file in that folder there is a site-dist.css file there that you can rename and put your CSS in there. So if you want to put a div around that text and then style the div to a certain width that would be how you could do that. Also, if you've got your Joomla template the way you like then with some work you can modify your /amember/templates/header.html file to include the style sheets and header code to match joomla then go from there with the site.css file to finish it up. You also have to get the code in the /amember/templates/footer.html to close up any tables or divs you open in the header.html file that wraps the content of the aMember pages. What I'm saying is that in aMember the header includes three style sheets, the last one being site.css. What I like to do when I'm integrating with other templates is to insert their style sheets into the aMember header.html after the first two and before the site.css, then I go from page-to-page in aMember and add whatever is needed to the site.css to clean things up. Usually that mostly involves making the .hedit and .vedit tables look better.
Thanks so much, Kengary. Have been playing around with this but I am somewhat CSS challenged and it's not so clear yet. The Joomla CSS doesn't control the page width, as that is dictated by the template, so it doesn't seem that adding that would help. I have a header.html with a table with a graphic in the center and two wings that expand to 90% of browser width. This displays fine--the problem is that all the Amember message text below that is left justified to the edge of the browser window. So are you saying below that table to put <DIV style="width:90%">, and then close the div tag in the footer? Probably not, since this didn't change anything. The class .vedit in site.css doesn't seem to have any width settings--why not?? Can I add them there? Thanks again-- L