New Landing How can we help? Themeforest Theme Support Neighborhood Blog Only Customization

Viewing 15 posts - 1 through 15 (of 15 total)
  • #50692
    loQi_JA
    Member
    Post count: 17

    Hello,

    I need to be able to customize/stylize the blog posts differently from the rest of the site.

    I need to have them written in a different font, in a different color, with a different line height and on a different background color…!!

    I know this is a lot, and I was wondering if you could help me with the custom css code as I have no idea how to do it or if the them will allow me to do it.

    Thank you in advance for your help.

    #51498
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi,

    This is possible using custom css to override the theme css. We do not often support customisations of this scope, but I will help you with it this time. Please clearly list out the styles that you would like to have, including the values.

    – Kyle

    #51499
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Also please provide me with a link.

    #51838
    loQi_JA
    Member
    Post count: 17
    This reply has been marked as private.
    #51910
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Is the font a paid font? If so do you have it?

    – Kyle

    #52221
    loQi_JA
    Member
    Post count: 17
    This reply has been marked as private.
    #52286
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    1) You need to be using a child theme
    2) Paste the link to the webfont in the header.php file in the head tag and save it in the child theme
    3) For you blog page, get the page class, which you can find in the body tag (I will help you find this if need be)
    4) For that page, add the css for the new font, line-height etc

    – Kyle

    #52630
    loQi_JA
    Member
    Post count: 17
    This reply has been marked as private.
    #52754
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    2) I tend to just put extra things above these lines:

    		<!--// WORDPRESS HEAD HOOK //-->
    		<?php wp_head(); ?>
    	
    	<!--// CLOSE HEAD //-->
    	</head>

    3) To find the body class, right click and view source. Then find the body tag and it will have ‘page-id-514’ for example. Then in your css you need to add,

    .page-id-514 .spb-wrapper {
      styles here
    }

    The .spb-wrapper is just an example

    4) When you buy the webfont, you will be provided with the css

    – Ky;e

    #54235
    loQi_JA
    Member
    Post count: 17
    This reply has been marked as private.
    #54317
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    That is most definitely not the header.php file. The file is about 248 lines long and definitely contains tags.

    To find the page class, right click and view source, the search for the body tag and you will see something like (see screenshot)

    Hope this helps

    – Kyle

    #56230
    loQi_JA
    Member
    Post count: 17

    Kyle,

    I have been playing with everything and now understand it much better! This is definitely the way to alter files and edit pretty much anything CSS related. Thank you for taking the time to directing me this way.

    I noticed there is a .single-portfolio class, but not a “.single-post” class. Did I miss it? How can I make the font size be 22px for all blog posts from now on without affecting the other pages? Am I condemned to adding in the child style.css the post-id for every new post?

    #56292
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    There is a single post class (see screenshot)

    – Kyle

    #56970
    loQi_JA
    Member
    Post count: 17

    All figured out! Thanks a ton man…

    #56974
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Great! No problem 🙂

    – Kyle

Viewing 15 posts - 1 through 15 (of 15 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register