Archived

This topic is now archived and is closed to further replies.

  • 0

Resolved Font Problem


Question

Posted · Report post

Hi

On my clients website, the primary font is Homemade Apple * G which work perfect for her blog posts but is not good for example on sidebar, shop page etc. Is there any way I can keep Homemade Apple * G for just the blog posts and for the font on the About us page?

Site is http://www.sailubju.com/blog/

Share this post


Link to post
Share on other sites

10 answers to this question

Posted · Report post

Hi again

Pelase try with

#sidebar-wrap { font-family: arial !important;}

Share this post


Link to post
Share on other sites

Posted · Report post

It worked :) Thank you so much!

What would be the best way to solve the other problem though? If I either change the primary font to another font and just have blog posts a special font. Or keeping the primary font as it is and just change so the closet pages (shop) have another font than Homemade Apple * G

Share this post


Link to post
Share on other sites

Posted · Report post

If you wish to use multiple fonts on specific pages, you will need to use the page-id class for that page and apply the font-family code to it, similar to what you did with the sidebar.

for example:


body.page-id-537,
.page-id-537 h1,
.page-id-537 h2,
.page-id-537 h3,
.page-id-537 h4,
.page-id-537 h5,
.page-id-537 h6,
.page-id-537 a,
.page-id-537 p {
font-family: Comic Sans, Comic Sans MS, cursive;
}[/CODE]

The above code is just an example and you will need to find your pages ID for the pages you wish to use a unique font family.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Danny

It is working :) but because the site is a blog/online store it means it will be updating new pages daily. Is there a way that if I do customize for the blog site that also all the other blog posts are having the same font as well? Same for the store page. The plan is to have about 50 products up on the site, and it will take some time to customize fonts for all those pages.

Share this post


Link to post
Share on other sites

Posted · Report post

Why not set your default in Typography settings to the font you wish to be used on your Blog and Shop page and then use the code above, as an example and add custom CSS to the pages you wish to use another font.

That way, your new products and posts will use the default font and your static content on pages will use the font you have set in the custom CSS.

Share this post


Link to post
Share on other sites

Posted · Report post

Default is what I want to be used in my blog. But it work terrible on my shop page. It's like day and night, I can't use it for the shop page.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi

I´m not sure but you can try for example to change the font at sidebar add in

PageLines > Site Options > Custom Code > CSS Rules

.mcolumn-pad > :last-child, .copy-pad > :last-child, .scolumn-pad > :last-child, .sidebar_widgets > :last-child, .entry_content > :last-child, .post-excerpt > :last-child { font-family: arial !important;}

You can search with firebug the other font to change

Share this post


Link to post
Share on other sites

Posted · Report post

Topic is solved :)

Share this post


Link to post
Share on other sites

Posted · Report post

The topic was marked as resolved.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Batman

I added the code but the font on the sidebar still remain the same as the blog font

Share this post


Link to post
Share on other sites