Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • February 12, 2019 at 1:50 am #1065744
    beverlystone

    I have created a news page using the Avia builder that includes the widget element and a sidebar. It looks great!

    But when I click on a post (sidebar enabled), the sidebar looks terrible. I have close to 100 posts so I don’t want to have to go into everyone of them to enable the Avia builder so that the sidebar looks good.

    Can you provide me with the CSS to make the single post sidebar look the same as the Avia widget element sidebar?

    February 13, 2019 at 5:39 am #1066250
    Rikard

    Hey beverlystone,

    Thanks for the links, though I see the same sidebar on both pages on my end. I’m guessing you managed to get it working?

    Best regards,
    Rikard

    February 13, 2019 at 2:15 pm #1066488
    beverlystone

    Hi and no I styled it somewhat so that the client wouldn’t get upset but I really want them to match exactly. You can see that bullet points are missing, line heights, padding, etc., are different, etc.

    • This reply was modified 5 years, 9 months ago by beverlystone.
    February 14, 2019 at 5:26 pm #1067070
    Victoria

    Hi beverlystone,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.sidebar .widget li {
    margin-right: 0;
    list-style: disc;
    margin-left: 1em;
    padding: 3px 0;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 15, 2019 at 3:46 pm #1067482
    beverlystone

    This is awesome! Thank you. The only thing not done is that the padding on the left should be 30px to match the right. I cannot seem to make that work. If I add it to the css below, the padding just gets bigger. I’ve updated the website so you can see how it looks.

    #main .sidebar {
    padding-right: 30px;
    padding-top: 30px;
    margin-top: 25px;
    margin-bottom: 25px;
    }

    February 16, 2019 at 1:20 am #1067593
    beverlystone

    As an add-on, I’ve noticed that the styling isn’t working on the French side, even though I added it to the French css. Any idea why? I’ve added links to the private area.

    February 19, 2019 at 5:48 am #1068761
    Mike

    Hi,
    sorry for the late reply, for the English sidebar I see the issue is the left side margin, please try this css:

    .sidebar_right .inner_sidebar {
margin-left: 30px !important; 
}

    The reason your css is not working for the french pages is because the code is not in the french merged css, I know you said that you added the css, but please try disabling the merged css and check the box at the very bottom of the options page to delete old files.
    then save your theme options and see if it then works, once you have it working you can turn the merged css back on but then save your theme settings again so the file gets built.

    Best regards,
    Mike

    February 21, 2019 at 5:44 pm #1070038
    beverlystone

    Thank you but I’m not sure how to do the latter part of your explanation. At the bottom of the Theme Options page, I only see these:

    – Page Preloading
    – Lightbox Modal Window
    – Error 404 Page
    – Maintenance Mode

    February 21, 2019 at 5:51 pm #1070040
    beverlystone

    Actually, it’s working perfectly now. I missed a part of the css when I copied it over to the French CSS. But I’m still curious about the merged CSS. I will need separate CSS styling because the French tends to be a lot longer than the English.

    February 22, 2019 at 2:45 am #1070162
    Mike

    Hi,
    You should not because the French css in merging into it’s own file.

    Best regards,
    Mike

    February 22, 2019 at 4:18 am #1070190
    beverlystone

    I’m not clear on what you mean but I think I’m all set as long as I add any French css to the quick css on the French side. Yes?

    I’d also like to know where the check box is that you referred to above.

    • This reply was modified 5 years, 9 months ago by beverlystone.
    February 22, 2019 at 2:47 pm #1070353
    Mike

    Hi,
    Yes, that is correct.
    The Delete old CSS and JS files setting is at the bottom of the performance options page.
    2019-02-22-074222

    Best regards,
    Mike

    February 22, 2019 at 3:32 pm #1070361
    beverlystone

    Perfect! Thank you for all your help. You can close this thread.

    February 22, 2019 at 5:42 pm #1070413
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Single post sidebar not styled’ is closed to new replies.