WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. ninelives1980
    Member
    Posted 10 months ago #

    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.

  2. W.P. Ginfo
    Member
    Posted 10 months ago #

    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.

  3. ninelives1980
    Member
    Posted 10 months ago #

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

  4. W.P. Ginfo
    Member
    Posted 10 months ago #

    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.
  5. ninelives1980
    Member
    Posted 10 months ago #

    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.

  6. W.P. Ginfo
    Member
    Posted 10 months ago #

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

  7. ninelives1980
    Member
    Posted 9 months ago #

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

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.