Agency theme change css for specific font areas

Community Forums Forums Design Tips and Tricks Agency theme change css for specific font areas

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  rfmeier 1 year, 2 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #45189

    samw
    Participant
    Post count: 55

    Hi Folks

    I am a little confused by the css sheet for the agency theme. It seems to specify a single set of rules for all of the text from H tags to body

    Here’s the CSS

    /* Defaults
    ———————————————————— */

    body,
    h1,
    h2,
    h2 a,
    h2 a:visited,
    h3,
    h4,
    h5,
    h6,
    p,
    select,
    textarea {
    color: #333;
    font-family: ‘PT Sans’, sans-serif;
    font-size: 15px;
    line-height: 1.5625;
    margin: 0;
    padding: 0;
    text-decoration: none;
    }

    What I am trying to do is the following:-

    1. Change font size and family for all post/page H2, H3, body and paragraph texts

    2. Change text alignment to justify for all post and page content only (not sure if this is p or body).

    When I add a justify rule to the text area in the CSS this justifies all text in the theme including menu titles, etc

    Im not entirely sure of the correct CSS code and where to add for only the body/p text & also to only change the H2, H3 header font sizes for posts and pages

    Many Thanks in advance

    Cheers

     


    SEO & Online Marketing Consultant

    Metta3 | G+ | LinkedIn

    #45206

    rfmeier
    Participant
    Post count: 596

    Hello,

    Css files are read from top to bottom. The snippet you posted is a general default styling, which can later be tuned for specific elements and classes.

    Do you happen to have a link to the site?


    #45215

    samw
    Participant
    Post count: 55

    Hi

    Thanks for the reply

    Its a dev site running locally. I understand that’s the default styling, im struggling with which additional css code I need to add to the agency theme  and where to add it in the css sheet to achieve points 1 & 2 in original post.

    Scouring the internet, I found a ton of css studiopress font tutorials and in theory its simple, apart from the agency theme css doesnt have the css elements broken out for each section e.g. H tags, body etc and all the tutorials I found are not for this specific css sheet, so it didnt quite work

    You could take a look at an old site of mine running agency as required CSS will be the same, its running on agency. http://www.metta3.com

    I did manage to change all of the text and then I tried to add CSS for each element e.g. body but still didnt work

    End outcome as per points above:

    1. Use Dosis fonts for all H1 & H2 & H3 tags in posts and pages only

    2. Change font size for all H tags but only in posts & pages not in home page widgets or menus

    3. change font for content (paragraph or body?) to be ubuntu

    4. change font for post and page content only to be justified – i have justified but unfortunately this justifed the menu as well!

    If you are able to suggest the correct css tags that would be great

    Cheers

     

     


    SEO & Online Marketing Consultant

    Metta3 | G+ | LinkedIn

    #45218

    rfmeier
    Participant
    Post count: 596

    Hello,

    Usually the page or post title is the .entry-title… usually. The entry content is wrapped with .entry-content and both of those are usually wrapped with .hentry (the post element).

    Here is an example to get you started.

    [css]
    .entry-title{
    /* post and page title styling */
    }

    .entry-content{
    /* default styling for .entry-content */
    }

    .entry-content h1,
    .entry-content h2,
    .entry-content h3{
    /* override default styling for h1, h2, h3 within .entry-content */
    }

    .entry-content p{
    /* override default styling for p within .entry-content */
    }[/css]


    • This reply was modified 1 year, 2 months ago by  rfmeier.
    • This reply was modified 1 year, 2 months ago by  rfmeier.
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.