WordPress.org

Ready to get started?Download WordPress

Forums

Clean Retina
[resolved] Font size in Home Page slogan (6 posts)

  1. leeannw
    Member
    Posted 1 year ago #

    I want to tweak the size (and possibly type) of the font in the Home Page Slogan - does anyone know how to do this?

    The site has an Under Construction landing page - to get around it and view, go to:
    http://laddcomm.com/wp-admin
    Testing
    laddcommtest

    Thanks!
    LeeAnn

  2. W.P. Ginfo
    Member
    Posted 1 year ago #

    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!!

    1. Use FTP to backup the files.
    2. Make sure to also backup your database.
    3. dashboard > tools > export > all content > download exportfile
    4. If required: confirm installation of export tool and run the export
    5. Next: Create a childtheme

    6. 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 )
    7. Suggestion: use the 'one click childtheme plugin'.

    8. Installed the childtheme? Now activate it.
      Check if things look 'normal'.
    9. Use FTP to access the files of your site and it's childtheme.
    10. Use NOTEPAD++ or proper EDITOR [not wordprosessor] to edit css and php.
    11. 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.
    12. 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

  3. leeannw
    Member
    Posted 1 year ago #

    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 :-(

  4. leeannw
    Member
    Posted 1 year ago #

    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!

  5. W.P. Ginfo
    Member
    Posted 1 year ago #

    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]

  6. leeannw
    Member
    Posted 1 year ago #

    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!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic