Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 1, 2018 at 2:51 pm #919669
    ncfan2030

    I am looking for help with a couple of things.

    First, I like the main top image for the blog on this page – see private content. I would like to change the image size from 100% to about 75%, but when I do it is no longer centered. Is there a way to make this smaller but still centered?

    I would also like to make the blog page width around 1300px – see private content. I tried this code but it didn’t work:

    #top .fullsize .template-blog .post .entry-content-wrapper {
    max-width: 1300px!important;
    }
    .

    • This topic was modified 6 years, 8 months ago by ncfan2030.
    March 1, 2018 at 2:59 pm #919674
    ncfan2030
    This reply has been marked as private.
    March 2, 2018 at 11:09 am #920220
    Nikko

    Hi,

    On your first question, try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top .fullsize .template-blog .big-preview img {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

    2. Add this css code:

    #top.page-id-2328 #main .container {
    padding-left: 5px;
    padding-right: 5px;
}

    3. I’m assuming you’re referring to the vertical alignment when the page is scrolled, you can use this css code:

    .header-scrolled .logo img {
    padding-top: 5px;
    padding-bottom: 5px;
}

    Let us know if this helps :)

    Best regards,
    Nikko

    March 2, 2018 at 2:52 pm #920365
    ncfan2030

    Hey Nikko,

    Thanks for the help! I want all of the blog posts to be wider, which code will work for that?

    March 2, 2018 at 2:59 pm #920370
    Nikko

    Hi,

    You can use the code in #2. and just use this format:

    #top.page-id-x #main .container,
#top.page-id-2328 #main .container {
    padding-left: 5px;
    padding-right: 5px;
}

    You will notice the pattern, the difference is #top.page-id-x where x is the page id number. If this doesn’t help, please give us all links of your pages that has blogposts.

    Best regards,
    Nikko

    March 2, 2018 at 3:00 pm #920371
    ncfan2030

    But how do I make it so that when my client adds a new blog the width is automatically set to that width?

    I don’t want to have to go back to every blog post and update it.

    March 2, 2018 at 3:51 pm #920394
    Nikko

    Hi,

    I see, can you try to give us few links of your pages that uses blogposts, we’ll check and try to post a solution.

    Best regards,
    Nikko

    March 2, 2018 at 3:57 pm #920397
    ncfan2030
    This reply has been marked as private.
    March 2, 2018 at 4:26 pm #920418
    Nikko

    Hi,

    Can you try this css code:

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

    Hope this helps. :)

    Best regards,
    Nikko

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