Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • July 19, 2016 at 5:38 am #662343
    Hello

    I would like to further customize the blog single entry post background. Currently the custom CSS applied to the theme makes a white background with grey text on the single entry. Please see the post provided in private content, which is draft so you will need to be logged in to view.

    There are two further customizations I want to make to single entry posts style (see mockup dropbox link in private content):

    1. Reduce width of the blog content to 60%
    2. Reduce black frame around white background to 50px top/bottom/left/right. Currently the top and bottom borders are already 50px so will need to pad/marginalize the left and right sides of the frame.

    July 19, 2016 at 2:52 pm #662512
    Rikard

    Hey Hello,

    1. Please try the following in Quick CSS under Enfold–>General Styling:

    .single #main .container {
max-width: 60%;
}

    2. Not sure what you mean by that, the black frame is not really a frame but the background of the page. Could you try to explain a bit further please?

    Thanks,
    Rikard

    July 19, 2016 at 2:59 pm #662519
    Hello

    hi Rikard

    Thanks. What I mean is to make the white space bigger. You can see from the mockup I attached how the white space is bigger than the text area and the black background is thinner.

    July 21, 2016 at 11:13 am #663283
    Hello

    Hi Rikard, any update on this customization?
    Thanks.

    July 22, 2016 at 6:30 am #663706
    Ismael

    Hi,

    We are sorry for the delay. Please adjust the code to the following:

    @media only screen and (min-width: 768px) {
.single #main .container_wrap_first .container .template-page {
    background: #ffffff;
    margin-top: 50px;
    margin-bottom: 50px;
}

.single #main .container_wrap_first .container .template-page .post-entry {
    max-width: 55%;
    margin: 0 auto;
}
}

    Best regards,
    Ismael

    July 22, 2016 at 7:54 am #663712
    Hello

    No, that doesn’t work, see the screenshot. Thanks.

    July 26, 2016 at 11:03 am #665234
    Andy

    Hi,

    try this code:

    .post-entry.post-entry-type-page {
position: relative;
left: -54% !important;
width: 205%;
padding-left: 35% !important;
padding-right: 35% !important;
}

    and adjust as needed.

    Best regards,
    Andy

    July 26, 2016 at 1:23 pm #665294
    Hello

    Hi Andy

    Thanks. We are almost there…see the screenshot.

    I need the white content background width on the left side and right side to match. With this last code, the left side of the white background flushes to the edge of the screen.

    Please see the original screenshot I provided.

    Thanks!

    July 26, 2016 at 1:53 pm #665322
    Andy

    Hi,

    just adjust the values as needed. Change left value for example.

    Best regards,
    Andy

    July 26, 2016 at 3:20 pm #665357
    Hello

    Hi
    I tried adjusting every parameter but it only shifts the content block fully left or fully right. It doesn’t centre the block.

    July 27, 2016 at 12:57 pm #665708
    Andy

    Hi,

    I checked your website in question again and it looks exactly as you want, doesn’t it? please clear browser cache and hard refresh a few times.

    Best regards,
    Andy

    July 27, 2016 at 2:35 pm #665766
    Hello

    Ok I cleared the cache and it displays as I want. Thanks!

    July 27, 2016 at 4:46 pm #665811
    Andy

    Hi,

    glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Best regards,
    Andy

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Customize Blog Single Entry Post Background’ is closed to new replies.