Hi LeeAnn,
Your theme options may have options available to change the type and size of your fonts. If not you can take control by changing the style.css [of the childtheme].
Fortunately only the administrator has access using the url you gave us. Deactivate the under construction landing page, and we can give you more accurate advice, safely.
In general:
To make these kind of changes to your site requires you to make changes to your CSS and / or html and php.
Before you do anything else…
Make a backup of your site!!
- Use FTP to backup the files.
- Make sure to also backup your database.
- dashboard > tools > export > all content > download exportfile
- If required: confirm installation of export tool and run the export
Next: Create a childtheme
- Don’t make any changes to a theme itself. Instead make the changes to a childtheme. Should the author of your original theme update the theme, your changes will not be overwritten. Your site with your adaptations will remain intact.
(see: http://codex.wordpress.org/Child_Themes )
Suggestion: use the ‘one click childtheme plugin’.
- Installed the childtheme? Now activate it.
Check if things look ‘normal’.
- Use FTP to access the files of your site and it’s childtheme.
- Use NOTEPAD++ or proper EDITOR [not wordprosessor] to edit css and php.
- Make the changes in the CHILDtheme!
– copy php files / css-file(s) of the original theme [as required] to the childtheme directory and edit them as required.
-
http://codex.wordpress.org/Getting_Started_with_WordPress
http://codex.wordpress.org/CSS
http://codex.wordpress.org/Finding_Your_CSS_Styles
http://codex.wordpress.org/FAQ_Troubleshooting
http://codex.wordpress.org/Backing_Up_Your_Database
Thanks so much for your note! I’m confused as to why you can’t log-in with what I gave you – I just tested it myself and was able to gain access. The “role” of this user is “subscriber” so you can’t change any of the back end stuff but if you log in and go to “visit site” you can poke around the site without issues.
Thanks for all the other info – I will take a look at this. My only challenge is that even if I follow all those steps, I don’t know what change to make to my CSS file 🙁
Just solved this one myself 🙂 I searched the style.css file for the code related to the slogan, copied the code, edited the font size and pasted the adjusted code into the custom.css file. Fixed!!
As an FYI – here’s the relevant code:
.slogan {
font-size: 40px;
line-height: 49px;
text-align: center;
margin-bottom: 40px;
}
The default is 40px, so I just adjusted until it looked the way I wanted.
Yay!
Hi LeeAnn,
Congratulations on solving this puzzle!
To clarify a few things:
You gave the [generic] link to access the dashboard of the site.
Only with the appropriate username and password can it then be accessed.
That’s a good thing! You do NOT want to give these to anyone, since websites can be used to do evil things; spambots, distribution of porn and other things you would not to be done IN YOUR NAME [through your website].
Before you start making changes like the one above:
Create a childtheme!!
Don’t make any changes to a theme itself. Instead make the changes to a childtheme. Should the author of your original theme update the theme, your changes will not be overwritten. Your site with your adaptations will remain intact.
Suggestion: use the ‘one click childtheme plugin’.
Dashboard > plugins > new searchbox: ‘one click childtheme’
Install and activate the plugin
Appearance > childtheme
> follow the instructions on the screen
Make the changes in the CHILDtheme!
– copy php files / css-file(s) of the original theme [as required] to the childtheme directory and edit them as required.
== == ==
About finding out ‘which things to change in your site [css / html / php]
Well it’s all a bit like trying to solve a puzzle.
Fortunately there are good tools for that.
In your browser: Install / activate webdevelopment add-ons / plugins.
Recommended: ‘Firebug’ and ‘webdeveloper: http://www.chrispederick.com ‘
These tools will show you what’s what.
e.g. right-click > inspect elements > click left bottom arrow-icon
click item in webpage
Inspect css on the right
alter css values to test effect / result
OK? copy altered css rule
paste it in the style.css of your childtheme.
Alternatively:
Press <F12> a screen will show in the bottom.
Move the mouse over each line
The area shows in the top-half
Press + to unfold parts
Investigate and alter on the right etc.
paste it in the style.css of your childtheme.
Want to learn the basics [and more]?
Try a course by Lynda.com. I found them GREAT [not free]
I can see the confusion re; logging in now – the info I put after the login URL is the Username and PW that provides access – I should have clarified 🙂
Thanks so much for all of this information!
