Different Blog EntryTiltle Sizes for Multiple Blogs on a Site

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
2/19/2012 12:32:34 PM
Gravatar
Total Posts 36

Different Blog EntryTiltle Sizes for Multiple Blogs on a Site

What is the best way to have different blog entry tile sizes for different blogs within a site.  E.g. on one page I have a regular blog on the center main column page and the default blog entry title size is fine. On a different page, I have a blog in the right hand column of a two column page.  For the right hand column blog, I would like to have the blog entry title font smaller than the default.  Is there a simple way to do this?  I know I can change it the blog entry tile size globally through css, but how do I override the default size for another blog on a different page?

Thanks

2/19/2012 8:26:54 PM
Gravatar
Total Posts 2253

Re: Different Blog EntryTiltle Sizes for Multiple Blogs on a Site

Hi,

This is actually quite easy to do and can be done with any of the modules within mojoPortal.

  1. Come up with a new class name that you will use to refer to the blog that you want to change. For this example, I'll use "myblog" but you can use whatever helps you remember what the class is for.
  2. Add the "myblog" class (without quotes) to the "Custom CSS Class" option in the Blog Module Settings on the blog you want to change. This setting is under the "Miscellaneous" section of the settings.
  3. Open your styleblog.css file and add this selector and rule to it:
    .myblog .blogtitle { font-size: 12px; }

Your selector may need to be a little bit more precise, depending on the CSS already in your skin. If the above doesn't work, try something like .myblog h2.blogtitle a { font-size: 12px; }

If you want to target all blogs that are in the right pane, you could also skip the first two steps and just add this to your CSS: .rightside .blogtitle { font-size: 12px; }

HTH,
Joe D. 

2/22/2012 2:06:31 PM
Gravatar
Total Posts 36

Re: Different Blog EntryTiltle Sizes for Multiple Blogs on a Site

Thanks Joe,

I cannot seem to get any of the recommendations above to work.  The blog entry titles stay the same size in the right hand column.  Some additional information:

I am using a Artisteer 3.1 (purchased through your affiliate linkCool)  to create my own style.  I copied the Artisteer 3.1 Blue on Blue skin files and added my artisteer files to the my skin folder.

Just to make sure we are on the same sheet of music; I am trying to change the size of the new blog entry titles, not the blog title itself.

I appreciate your time.

2/22/2012 2:20:04 PM
Gravatar
Total Posts 2253

Re: Different Blog EntryTiltle Sizes for Multiple Blogs on a Site

Hi,

Can you share a link to the site?

Thanks,
Joe 

2/22/2012 2:43:30 PM
Gravatar
Total Posts 36

Re: Different Blog EntryTiltle Sizes for Multiple Blogs on a Site

The site is www.eamonkeanemusic.com

The blog is under the home page, right hand column What's New.  I am trying to get the new blog entries titles ("Hang The Moon Launches...) to be smaller.  The site is closed because I am still adding content, but I will open it for the rest of day 22Feb, so you can view it.

2/22/2012 2:54:45 PM
Gravatar
Total Posts 2253

Re: Different Blog EntryTiltle Sizes for Multiple Blogs on a Site

Hi,

Put this in your styleblog.css file:

.rightside h3.blogtitle a { font-size: 10px; }

HTH,
Joe D. 

2/22/2012 3:41:52 PM
Gravatar
Total Posts 36

Re: Different Blog EntryTiltle Sizes for Multiple Blogs on a Site

Thanks again Joe.

Partial success:  It works when viewing the site with Firefox, but not with IE9:  Any suggestions??

2/22/2012 4:08:04 PM
Gravatar
Total Posts 2253

Re: Different Blog EntryTiltle Sizes for Multiple Blogs on a Site

I think you're having a caching issue at this point. I looked at the site in IE9 and the style is applied properly.

Go to Administration > Advanced Tools > Design Tools > Cache Tool  and click the "Reset Skin Version Guid" button. This will force all browsers to download the complete skin again.

HTH,
Joe D. 

2/22/2012 7:57:53 PM
Gravatar
Total Posts 36

Re: Different Blog EntryTiltle Sizes for Multiple Blogs on a Site

Thanks Joe. 

That worked perfectly.  I was wondering what that option did.  

I appreciate all the help and time. 

Hopefully this thread will also assist others who have a similar questions.

Richard

You must sign in to post in the forums. This thread is closed to new posts.