Tagged: 

Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #380295

    I’m looking to change the styling for just blog posts. I’m not sure which classes to apply the custom css too.

    the default font size for blog content to 16
    the h1 and h2 font size and color
    blog title size and color

    Thanks!

    #380298

    Also can we change the width of the blog post because the header and footer are wider than the content area.

    #380300

    Hi glozemedia!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    h1.post-title.entry-title {
    font-size: 22px!important;
    color: red!important;
    }
    .entry-content {
    font-size: 16px;
    }
    .entry-content h2 {
    color: orange!important;
    font-size: 20px;
    }
    .entry-content h1 {
    color: green!important;
    font-size: 25px;
    }

    Regards,
    Yigit

    #380326

    Could you help with this as well. Also can we change the width of the blog post because the header and footer are wider than the content area.

    #380329

    Hi!

    Please add following code to Quick CSS as well

    #top .fullsize .template-blog .post .entry-content-wrapper > *, #top .fullsize .template-blog .post .entry-content-wrapper {
    max-width: 100%; 
    }

    Best regards,
    Yigit

    #380335

    How can I change the font type, i.e. choose a google font for h2

    #380340

    Hey!

    Please go to Enfold theme options > Advanced Styling tab and edit H2 element and change font family

    Cheers!
    Yigit

    #380343

    Is there a way to just change it for the blog posts h2?

    #380347

    Hi!

    Please add following code to Quick CSS

    .entry-content h2 {
    font-family: "georgia"!important;
    }

    and replace “georgia” with font family you would like to use

    Cheers!
    Yigit

    #380366
    This reply has been marked as private.
    #380368

    Hi!

    Please add following code as well

    div#disqus_thread {
    width: 56%;
    margin: auto;
    }

    Best regards,
    Yigit

    #380509
    This reply has been marked as private.
    #380990

    Hey!

    Please add following code to Quick CSS as well

    .single .big-preview.multi-big {
    pointer-events: none;
    width: 60%!important;
    margin: auto;
    }

    Best regards,
    Yigit

    #381060
    This reply has been marked as private.
    #381386

    Hi!

    Thank you for the link.

    You can add this on Quick CSS or custom.css:

    .template-page .template-blog .entry-content-wrapper h2 {
    font-size: 40px;
    }

    Cheers!
    Ismael

    #383974
    This reply has been marked as private.
    #383982

    Hi!

    Please add following code to Quick CSS

    @media only screen and (max-width: 1150px) {
    .entry-content h1 { text-align: left; }}

    Regards,
    Yigit

    #384104
    This reply has been marked as private.
    #384816

    Hi!

    Text alignment is set to “justify” by default. If you want to change it to “left”, use this on Quick CSS:

    #top .fullsize .template-blog .post .entry-content-wrapper {
    text-align: left;
    }

    Cheers!
    Ismael

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

You must be logged in to reply to this topic.