miscellaneous things ... from a newbie

Hi there,

1. It's important not to have more than one H1 on a page, which is why the blog uses H2 tags.

You can target those tags using some simple CSS:

.masonry-post h2.entry-title {
      font-size: 20px;
      font-family: 'Open Sans', sans-serif;
}

You can adjust the font family and size to your liking.

2. Some simple CSS:

.masonry-post .twitter-share,
.masonry-post .entry-meta {
      display: none;
}

3. Having a child theme is important when adding custom CSS. You can download the blank child theme here: http://generatepress.com/api/themes/generatepress_child.zip

Save that as a .zip, and then upload it through "Appearance > Themes > Add New > Upload".

Then activate it. When changing themes, you may need to re-set your "Theme Location" for the menu in "Appearance > Menus".

Your widgets also might be moved into the "Inactive Widgets" area in "Appearance > Widgets", so you might have to add them back (happens sometimes, but not always).

4. Some more custom CSS:

Paragraphs:

p {
      line-height: 1.5; /* can adjust this to px or whatever */
}

Lists:

li {
      margin-bottom: 5px; /* adjust as needed */
}

5. Unfortunately this is out of the control of the theme - those plugins automatically attach themselves to the end of the the_content() function. This makes it so they can make sure their plugin will add the correct content on all themes (all themes use that function).

I looked around and found a function which may work (untested):

add_filter( 'the_content', 'generate_after_content_wp_link_pages', 5 );
function generate_after_content_wp_link_pages( $text ) {
      $text .= wp_link_pages( 'echo=0' );
      return $text;
}

Adding PHP: http://generatepress.com/knowledgebase/adding-php-functions/

Then you would have to hide the theme's default page links:

.page-links {
       display: none;
}

Lots of information here - let me know if you have any questions :)

Hi Tom,

3 ... I did not think it is so easy to do ! BTW, it is a blank child, a great idea !!!
So DONE !

1.and 2. done ! I love the result.

4... good, I understand how it works, I'll adjust as needed.

5... argh !!!
I did it step by step. It was ok with the filter. Then I copy the next function to hide the page links, then... it crashed WP ! So I accessed via FTP server and its control panel to edit the file and remove the defective function. I am not expert enough to improvise on code but...
Isn't something missing at the beginning of your suggested code ?

Thank you very much for your support !

Hmm, sorry about that! The code works for me (I tested it quickly before posting).

Does your child theme functions.php file start with this?: <?php

The entire file should look like:

<?php

add_filter( 'the_content', 'generate_after_content_wp_link_pages', 5 );
function generate_after_content_wp_link_pages( $text ) {
      $text .= wp_link_pages( 'echo=0' );
      return $text;
}

this part of the code works very well and it is implemented !
Now, the link to change pages appears twice ; once just below the text and once after the plug-ins

The crash occured with the second part :

.page-links {
display: none;
}

thanks Tom

Ah! That second part is CSS: http://generatepress.com/knowledgebase/adding-css/

Sorry I wasn't clear!

ok and... done ! and... it works !

I really apreciate your great support.
Thank you very much.

You're very welcome :)

Hi Tom,

I want a breadcrumb on my blog...
I have chosen the first I found : Breadcrumb NavXT
Add-on Hooks activated
this code in the "after header" ("après l'entête" in french in the texte )

 
   <div class="breadcrumb-info">
      <div class="breadcrumbs">Fil d'Ariane :
	  <?php if(function_exists('bcn_display'))
	     `{
		bcn_display();
	     }?>`
       `</div>
   </div>
</div>


Some CSS in the child theme :

/* CSS pour le breadcrumb-NavXT */
.breadcrumb-info {

      margin: 20px 0px 0px 0px;

      background: #f9fef5;

      padding: 20px;

}
.breadcrumbs

{

	font-size: 0.8em;

	color: #6db52a;
	margin: 0px 0 0 0px;

	position: relative;

	float: left;

}

`
Problem is : when the browser window is small, the breadcrumb is written on 2 lines and the area does not increase...

An example so you can play with the width of the window and see.
How could I fix this please ?

			

Sorry... I am struggling with the editor and the code instructions ...
a div is missing at the beginning of the hook : <div class="grid-container grid-parent">

This is the code causing the issue:

.breadcrumbs {
      float: left;
}

If you get rid of that float left attribute, you should be good to go :)

I'm good !

Thank you !

You're welcome :)