Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • July 31, 2015 at 8:54 am #481154
    dvwdj

    I have a few questions:

    – Is it possible to show a border around my blog posts. They are showed in the single-small layout, and I want a border around each post, maybe a light grey background
    Example:
    Blog page (Blog)

    – I have a border around my archive category posts, but the border comes too close to the side bar. I want some padding/margin between the post and the sidebar. What code/css do I need to change to achieve this?
    Example:
    Archive Category (Archive Category)

    – Is it possible to have pagination on the archive category page? I do have pagination on my blogpage (showing 10 posts per page), how does it work on the Archive Category?

    Please respond. I’m waiting for 2 days without any response and I need to fix this as soon as possible. I’m kind of dissapointed that it’s taking so long to get help. I got a fast response on my fist topic, now it’s taking way too long, when other (more difficult) problems are being solved…

    July 31, 2015 at 11:56 am #481268
    Yigit

    Hey Deborahvwdj!

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

    .blog article {
    border: 1px solid #e2e2e2;
}

    2- Can you please paste the code you used to add border to your archive category?

    In order to provide you an accurate custom CSS code, we need to see your website, otherwise it would be total shot in the dark. You mentioned that you are developing your site on localhost and i asked for screenshots to make that ‘shot in the dark’ a bit more accurate if possible :) That is why you waited longer for response.

    Best regards,
    Yigit

    July 31, 2015 at 12:03 pm #481271
    dvwdj

    Hi Yigit,

    I understand completely, thank you for the reply. However, I already tried that code, with no change in the layout…

    I used

    .archive article {
    border: 1px solid #e2e2e2;
    padding: 1%;
    margin-right: 1%;
    margin-bottom: 1%;

    for the border around my posts in the archive category.

    • This reply was modified 9 years, 2 months ago by dvwdj.
    July 31, 2015 at 12:13 pm #481276
    Yigit

    Hey!

    1- You may need to change “.blog” in the code to page ID. You can right click on Chrome or Firefox to inspect elements to find page ID’s http://i.imgur.com/HyPTCRg.jpg
    2- Can you please add following code to Quick CSS as well

    .archive article { padding-right: 4%!important; }

    Regards,
    Yigit

    August 3, 2015 at 10:00 am #481974
    dvwdj

    Hi Yigit,

    What do I have to change? Do I have to replace my page ID with .blog? I don’t really understand it to be honest.

    The padding doesn’t change anything on my archive category. Padding changes the inside right? Shoudn’t margin-right be a better solution? (Since margin adds extra space on the ouside of the content block…)

    August 3, 2015 at 10:55 am #481998
    dvwdj

    Margin-right doesn’t work.. Do I need to change code in my (child) functions.php?

    • This reply was modified 9 years, 2 months ago by dvwdj.
    August 3, 2015 at 11:00 am #482002
    Basilis

    Hey!

    Those that Yigit Provided are CSS that needs to be placed at the Custom CSS area.

    Please let us know if you pasted them there, and it is still not working.

    Regards,
    Basilis

    August 3, 2015 at 11:15 am #482007
    dvwdj

    I understand. :) I’m working with Sublime Text, so pasting the code in the Custom CSS area or in Sublime Text shouldn’t give a problem. I pasted the code ( .archive article { padding-right: 4%!important; } ) in the custom css area, just to be sure, but no changes visible.

    .page-id-3241 article {
    border: 1px solid #e2e2e2;}

    I tried using this code (changing .blog for the page id ), but i don’t see any changes

    • This reply was modified 9 years, 2 months ago by dvwdj.
    August 3, 2015 at 12:15 pm #482036
    dvwdj

    I might found a solution :)

    This is what I got when I edited in the ‘inspect element section’ in Chrome. When I added the code, the layout changed

    However, the border on the right is too close to the border of the sidebar. Margin-right/padding-right doesn’t work. Can you please provide me with a code, maybe margin-left for the sidebar, so the borders arent this close to eachother.

    When I paste the code in the custom CSS box it changes!!!

    However, in Sublime Text nothing changes, is that because of the media query?

    August 3, 2015 at 6:29 pm #482352
    Yigit

    Hey!

    Please try adding following code

    .post { margin-right: 50px; }

    Or try decreasing width from 100% to 95%

    Cheers!
    Yigit

    August 4, 2015 at 8:41 am #482568
    dvwdj

    THANKYOU! I changed the width to 95%, and it worked for my blog, and for the archive category. This thread can be closed :)

    August 4, 2015 at 4:10 pm #482781
    Yigit

    Hi!

    You are welcome, we are always happy to help :)
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Border blog posts – PLEASE RESPOND’ is closed to new replies.