WordPress.org

Support

Support » Themes and Templates » Minimatica » how to change font for post title (evident on homepage's sliders)

how to change font for post title (evident on homepage's sliders)

  • I saw what a guy did at http://www.joshsacco.com/ and I’m trying to follow what he did (not sure if that’s pure image or an image with customised fonts).

    Thanks!

    Also, I wish to change the font color and background color for my headers, footers and posts.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Q1: It’s a set of images with overlay; Check out: photosmash-galleries plugin.

    Q2: Your Minimatica-theme options are fairly limited.
    So you’ll need to make the changes in the style.css of your childtheme.

    #header {
        color:#99cc66; /*textcolor green; change as required*/
        background-color: #aa41ac; /*background dark-purple*/
    }
    #footer{
        background-color:#55aaaa; /*change*/
        color:#ffffff; /*text white*/
    }

    Add the above code to the `style.css’ of your CHILDtheme:
    You don’t have a childtheme yet?

    1. Install and activate ‘one click childtheme plugin’
    2. create the childtheme
    3. activate the childtheme
    4. 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.

    == == ==
    How to find which CSS to change

    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.

    What bout to hide the post title (when viewed in sliders on frontpage)?

    Step 1:NOTE Start by making a back-up to your PC!

    1. FTP: Make a backup of the files of your site, using FTP ‘Filezilla’ [free] or your own FTP-program.
      (see: http://codex.wordpress.org/Using_FileZilla )
    2. Make a backup of the CONTENT of the site
    3. dashboard > tools > export > all content > download exportfile
    4. If required: confirm installation of export tool and run the export

    You now have a fallback position, should things go wrong!

    NOTE!!! Make these backups every time BEFORE you make changes!
    Repairing problems becomes much easier!!
    == == ==
    Step 2

    1. FTP: edit ‘loop-slider.php’
    2. Locate the following code
    3. <h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" rel="bookmark"><?php the_title(); ?></a></h2>
    4. and place between <!-- ... --> as shown below
    5. <!--<h2 class="entry-title"><a>" title="<?php the_title_attribute(); ?>" rel="bookmark"><?php the_title(); ?></a></h2> -->
      [...]
    6. save and ftp: upload to your site

    !!IMPORTANT!!
    Add the above code to the `style.css’ of your 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.

    You don’t have a childtheme yet?

    1. Install and activate ‘one click childtheme plugin
    2. create the childtheme
    3. Dashboard > appearance > Themes > activate the childtheme
    4. Make the changes in the CHILDtheme!
    5. Copy the original ‘loop-slider.php’ to the childtheme folder and make the above changes.
    More in general:
    – copy php files / css-file(s) of the original theme [as required] to the childtheme directory and edit them as required.

    == == ==

    • 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.

    Thanks. 🙂

    Yea, I typically use FTP to make copies of php files of parent theme. The way I do it is copying those php files (in ftp program) by drag and dropping them to my pc desktop folder before drag and dropping them from there to the child theme directory.

    I realised by doing so, some of the child theme php files’ codes are auto-generated with codes that inherit attributes from parent theme.

    Please don’t forget to mark the thread as ‘resolved’ [in the right sidebar]

    Sorry, I was actually asking for confirmation whether what I mentioned was correct in terms of way of doing things? Thanks!

    “Yea, I typically use FTP to make copies of php files of parent theme. The way I do it is copying those php files (in ftp program) by drag and dropping them to my pc desktop folder before drag and dropping them from there to the child theme directory.

    I realised by doing so, some of the child theme php files’ codes are auto-generated with codes that inherit attributes from parent theme.”

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘how to change font for post title (evident on homepage's sliders)’ is closed to new replies.
Skip to toolbar