• Resolved chemeridart

    (@chemeridart)


    i’ve used page builder for some pages. i’m hoping to change the font size of certain sections on those pages. they were all included in the page as a text box widget, which automatically uses paragraph formatting. what i’d like to do is find a way to associate different text boxes with different formatting and then modify that formatting using css.

    i know how to change the font size of all the paragraph formatted text

    body {
    font-size: 115%;}

    but i’d like to be more selective.

    my site isn’t live, sorry.

Viewing 13 replies - 1 through 13 (of 13 total)
  • Thread Starter chemeridart

    (@chemeridart)

    thanks. i know i’ve been clogging up this forum, sorry.

    Oh no sorry, I didn’t mean that at all.
    What I meant was that those resources will explain better than me how to face general css problems. And there are a lot of snippets you could find useful in that code-snippets section.
    But if you have specific problems feel free to use this forum. ??

    Thread Starter chemeridart

    (@chemeridart)

    firebug and chrome devtools are really helpful. i’ve looked through the snippets as well. however, i’m still confused as to how i can select one text widget over another. it seems that if i alter one i alter them all. i’ll keep poking around.

    Thread Starter chemeridart

    (@chemeridart)

    from what i understand i need to find the id of the text i want to edit but the coding only clearly shows the class, which may be why i’m altering all text vs just the text i want?

    Thread Starter chemeridart

    (@chemeridart)

    ok, sorry for all the posts. still trying to figure this out, but i think i understand what i’m looking for. hopefully this will be my last post ??

    the modifications i’ve been making have been to the body. i’m looking for a way to designate coding for a particular element that has inherent coding from the body. do i look for an id, class, or what? i’m not seeing anything in the css of the element that would point to what i need.

    You need a rule with higher specificity.
    Say you want to change font-size of the excerpt for all the featured pages

    .marketing .span4 p {
    font-size: 20px;
    }

    Say you want to change that but just for the second fp, use this instead:

    .marketing .span4.fp-two p {
    font-size: 20px;
    }

    Hope this helps.

    p.s.
    https://css-tricks.com/specifics-on-css-specificity/

    You can use html to give some parts of the text a class that you can then style in CSS. Something like this:
    This is some <span class="my-emphasized-text">special</span> text.

    Then style with:

    .my-emphasized-text {
        ...
    }

    How do I change the the font size/type/color? I’m not a software engineer. It took me a while to learn to use the template and I have pretty much what I want – with the exception of the font. I’m stuck with one font type, one size and I can bold it. It’s like the old Model T Ford – you can any color you want so long as it’s black. But I’d like to have color choices, different font styles and sizes.

    Thanks!

    It’s not the old Model T Ford, it’s just how to do web sites ??
    If you want to change the color of your car you can 1) go to the body shop mechanic 2) learn how to do yourself. If you follow the link I provided you can explore the option 2).
    If you don’t want to do that, well… customizr theme creator give you a 3rd option, a plug-in to control fonts in your theme, size color effects ecc ecc.
    https://www.themesandco.com/extension/wordpress-font-customizer/

    DavidMHall

    (@davidmhall)

    Hi,

    I have a different problem. My Product Categories page has the following text:

    Product Categories – You must be Registered and Signed In to view our products. Read our Home page and/or Contact Us

    I want to reduce the size of the font for the portion of the text that follows the dash sign. Can this be done via the Custom CSS facility and without updating the HTML code?

    I have read a lot about making changes via CSS but not to cover this specific issue. Many Thanks.

    WPyogi

    (@wpyogi)

    DavidMHall

    (@davidmhall)

    Hi,

    I have a different problem. My Product Categories page has the following text:

    Product Categories – You must be Registered and Signed In to view our products. Read our Home page and/or Contact Us

    I want to reduce the size of the font for the portion of the text that follows the dash sign. Can this be done via the Custom CSS facility and without updating the HTML code?

    I have read a lot about making changes via CSS but not to cover this specific issue. Many Thanks.

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘change font size for different sections’ is closed to new replies.