Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress

Perry Garcia
Perry Garcia
593 Points

How can I make things better on my wordpress site

I created my first website. With wordpress ( ktaelite.com ) and I just want to know can I make it better I haven't used any code yet how can I download my new themes and everything so I can change things up using code. For instance I wish to change the login screen and the plug in in during won't make it transparent but I would like to alter the code so it can be transparent so I can see the image behind the login menu. And if anyone has any suggestion or would like to help spread the work I appreciate it.

4 Answers

Hi Perry, you might check out the Customizing the WordPress Admin Area course.

Sankara Narayanan
Sankara Narayanan
6,038 Points

Give Wordpress Development a shot (https://teamtreehouse.com/tracks/wordpress-development). Then please go and check out codex.wordpress.org It is awesome wiki for WordPress. Go give it a shot.

I am still learning WordPress and the options are almost endless.

I think you know the basics of WordPress (else you wouldn't have created this site). Anyway you can give learn WordPress track a shot too.

Perry Garcia
Perry Garcia
593 Points

Thanks yes I understand the basics just wanted a deeper u understanding and the ability to design everything to my specification

This is all done with a chrome browser.

Right click on your login form and select 'inspect element'

In the left column with the elements tab selected, look for the line with "loginform" in it and click on it.

Now in the right column you'll see a #loginform block and you can click to add a line after the box-shadow line. You should add the following to

#login form  {

     opacity:0.75;

}

Adjust the number to your liking and then copy the line. In that same block/box you'll see references to... login.min.css , it should be in your wp-admin/css folder. Soooo,

Find your #loginform block there and add the opacity line to it and.....

It's broke?!?

I hope this helps you out, it worked for me. Sorry if it didn't, it's my first time giving instructions. Nice job with your site.

I use the 'inspect element' tool frequently to try out a quick style change or even hunt down minor bugs, you can even check to see how sites look on different mobile and tablet devices.

I'm not too good at this yet but if you have more questions I'll try to help.