Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • January 15, 2015 at 7:11 pm #380295
    5fold

    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!

    January 15, 2015 at 7:12 pm #380298
    5fold

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

    January 15, 2015 at 7:14 pm #380300
    Yigit

    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

    January 15, 2015 at 7:30 pm #380326
    5fold

    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.

    January 15, 2015 at 7:32 pm #380329
    Yigit

    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

    January 15, 2015 at 7:35 pm #380335
    5fold

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

    January 15, 2015 at 7:40 pm #380340
    Yigit

    Hey!

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

    Cheers!
    Yigit

    January 15, 2015 at 7:44 pm #380343
    5fold

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

    January 15, 2015 at 7:46 pm #380347
    Yigit

    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

    January 15, 2015 at 8:04 pm #380366
    5fold
    This reply has been marked as private.
    January 15, 2015 at 8:06 pm #380368
    Yigit

    Hi!

    Please add following code as well

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

    Best regards,
    Yigit

    January 15, 2015 at 10:51 pm #380509
    5fold
    This reply has been marked as private.
    January 16, 2015 at 6:46 pm #380990
    Yigit

    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

    January 16, 2015 at 8:07 pm #381060
    5fold
    This reply has been marked as private.
    January 18, 2015 at 9:16 am #381386
    Ismael

    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

    January 22, 2015 at 8:32 pm #383974
    5fold
    This reply has been marked as private.
    January 22, 2015 at 8:56 pm #383982
    Yigit

    Hi!

    Please add following code to Quick CSS 

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

    Regards,
    Yigit

    January 23, 2015 at 12:00 am #384104
    5fold
    This reply has been marked as private.
    January 24, 2015 at 10:24 am #384816
    Ismael

    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

  • Author
    Posts
Viewing 19 posts - 1 through 19 (of 19 total)
  • You must be logged in to reply to this topic.