Changing fonts

[nandorj78+ 8]

How would I change font styles (type, color, face...) for post titles only using PL5?

[batman 389]

Hi nandorj78

Please, you can add this CSS rule to your child theme (for example in magazine title)

.pl-sn-magazine .pl-mag-post-pad .mag-info .title {
margin-top: .8em;
font-size: 1.2em;
font-weight: 800;
line-height: 0em;
letter-spacing: -0.05em;
color: red;
font-family: arial;
font-style: oblique;
}

You take a look to the image

http://screencast.com/t/pyK5scnFH63s

Saludos 
Carlos

 

[nandorj78+ 8]

Ok, I did what you said and some weird things happened.

The font for featured post titles did not change and the other posts changed; however they look weird. Check: 

 

[chrisayers+ 101]

Try this bud. http://worldwebscapes.com/resources/how-to-change-global-site-font-in-pagelines-five-using-google-fonts/

To make the tags a different font put them in right boxes. For colors and all use span tags. Just like this....  <span style="color: #993300;">[loops_title]</span>

[nandorj78+ 8]

11 minutes ago, chrisayers said:

Try this bud. http://worldwebscapes.com/resources/how-to-change-global-site-font-in-pagelines-five-using-google-fonts/

To make the tags a different font put them in right boxes.

Thank Chris! I'm getting there.

Now, I want the font I chose to display in H2 headers, but no in H1. Is it possible?

[chrisayers+ 101]

To make a neat bootstrap loops section try this:

1. Go To Settings Advanced . Paste this in your additional head tags.  

   <!-- Latest compiled and minified CSS -->
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
   
   <!-- Optional theme -->
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
   
   <!-- Latest compiled and minified JavaScript -->
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

2. Now you have bootstrap again.
3. Next put a loops shortcode on a page and publish it.
4. Go to front side and edit loops making it read width like you like.
5. Next in the loops shortcodes area in editor. Paste this code replacing their shortcodes.

   <div class="well">
   <div class="media">
   <div class="pull-left">
   [loops_media size="aspect-thumb"]
   </div>
   <div class="media-body">
   <h4 class="media-heading">[loops_title]</h4>
   <p class="text-right">By [loops_author]</p>
   <p>[loops_excerpt length="40"]</p>
   [loops_link]
   <ul class="list-inline list-unstyled">
   <li><span><i class="glyphicon glyphicon-calendar"></i> [loops_date] </span></li>
   
   </ul>
   </div>
   </div>

6. Save changes and refresh your page. That will turn your loops page into what is really close to post pins.
7. Take the well div out of top. Now it wont be grey.

This is a very simple explanation of how to build what you want with loops, css, and bootstrap.

[nandorj78+ 8]

I knew it would get complicated hehehe 

Let's say I want one font for H2 and a different one for the rest of the site.

The procedure to have different fonts in one site is always like this?

Or just to differentiate H1 and H2 fonts? 

[chrisayers+ 101]

As a general rule of thumb all H tags are generally the same color/font. You will have to go back to a mixture of mine and Batmans help to make each one different.

[nandorj78+ 8]

Great help, as always. I think I managed to do what I wanted

 

Thank you!

[batman 389]

Hi chrisayers+

Excellent you website ! !

http://worldwebscapes.com

Regards 
Carlos

[chrisayers+ 101]

11 minutes ago, batman said:

Hi chrisayers+

Excellent you website ! !

http://worldwebscapes.com

Regards 
Carlos

Thanks Batman. Just like any web guy. My site is generally not my best cause I never have time to update it.

[batman 389]

Quote

Thanks Batman. Just like any web guy. My site is generally not my best cause I never have time to update it.

In my country we tell

"Blacksmith home ....
wooden knife"

hahahaha

Regards chrisayers+