I'm trying to change the font size and color of the "Members Login" text on the my site... It seems to be using the 'body' css and so if I change that then the whole page is changed. I want to be able to just make changes to that particular text - I have no idea where to even start.. Any help is much appreciated Thanks The site - www.DigitalPlr.com
in your css create a class. p.login { font-size: #px; color: #000000; } Code (markup): then do this in your css <p class="login">TEXT HERE</p> Code (markup):
Though if it is a couple of words rather than a full paragraph it should be <span class="login"> rather than <p>
Thanks for your help guys I've never done anything with CSS before and don't know where to start.. here is what I know... its using the template 'body' class at the moment - but I dont know how or where to change it to something I create... hope someone can help me..Sorry 4 being a noob in this area
yes that would be true. i just assumed that it was paragraphs, because i saw text but i re-read the original post, and yes, it should be <span class="login">
Look at the w3school website, they have good tutorials on how to build sites (some of their programming ones are a bit weaker but fine for coding html/ css etc) You basically create a CSS file, include it in the header as a rel link on all pages, though it you have 3 options - change existing tags which applies to all, create psuedo classes which will impact any element with the same name (ID) or create full classes where you selectively apply it.
worlddomains, the wonderful thing with many forums is that the advice handed out often presumes you have at least a degree in computer science or your pet hobby is making sites. It's obvious you built your site in Joomla and Joomla drives the best of us nuts. Manually editing the page code or the CSS files is too difficult in this case. Have a look at the last post here http://forum.joomla.org/viewtopic.php?f=57&t=261776 Basically it tells you you need to add a file named editor.css into the folder template/yourtemplatename/css/ on your server. This new file should contain any new classes (styles) you've like to use on your site. Once uploaded, the new styles will show up in your editor where you work on your pages. Creating a new CSS file and the right class can be a problem for many people, so if you have something like Dreamweaver you could just create a dummy page and add a new font style (colour or size) and DW will automatically write the new class. I think it will also prompt you whether to create an external linked CSS file or just add it into the current page. Select external file and name it editor.css. It will prompt you to save it to a location, so save it on your computer where you can find it. And then upload that file into the Joomla CMS as indicated above. Maybe even easier is to use most of x.homer.x's suggestion and paste this: .login a:link, a:visited { font-size: 11px; color: #CC0000; } into a Notepad file, then save it as editor.css According to that forum post, you will be able to apply the new style via the page editor by highlighting the login link and selecting the style from the drop down menu. I hope I haven't made errors with all this but if I did, look up some other posts on the http://forum.joomla.org/ site.
Seems I did little to help you! Because looking more closely at your site's source it looks to me like your Joomla CMS and therefore your site is all hosted; and the folders structure is quite different from what I mentioned. I might also assume that FTP access to your server space might not be available to you. If your Joomla is hosted, then why not ask the host's support? Just a thought...
yeep w3schools does have a great css and html tutorial, and yes their programming is a little weak, but its a good start, thats where i learned php and mysql, css, and most of my html. ALSO you do NOT need a computer degree to understand it (like some help here ). Actually, I understand most help by these people, and im not even in high school yet (next year ) People here are pretty great, so go with what they say, and if it doesnt work, then just post your code, and they will most likely help you out! Yeah, where its made in joomla (a system i despise, but thats just me) it would be harder to make that text bigger, but you could probably do what portmaccer said! Hope you get this solved!
If people dont understand they should just ask for clarification, we all started with no knowledge but on a forum which is aimed at "webmasters" it is generally a safe assumption that most have a reasonable knowledge and so isnt warranted to do a 101 answer on every question asked.
Thanks for all the help guys... I haven't been able to change it yet - So I've moved its location on the page to where its more visible and I might add some kinda image. I guess I need to do a bit more reading up on php and css to understand this a lot better