-
AuthorPosts
-
February 12, 2019 at 1:50 am #1065744
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 #1066250Hey 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,
RikardFebruary 13, 2019 at 2:15 pm #1066488Hi 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, 10 months ago by beverlystone.
February 14, 2019 at 5:26 pm #1067070Hi 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,
VictoriaFebruary 15, 2019 at 3:46 pm #1067482This 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 #1067593As 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 #1068761Hi,
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,
MikeFebruary 21, 2019 at 5:44 pm #1070038Thank 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 ModeFebruary 21, 2019 at 5:51 pm #1070040Actually, 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 #1070162Hi,
You should not because the French css in merging into it’s own file.Best regards,
MikeFebruary 22, 2019 at 4:18 am #1070190I’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, 10 months ago by beverlystone.
February 22, 2019 at 2:47 pm #1070353February 22, 2019 at 3:32 pm #1070361Perfect! Thank you for all your help. You can close this thread.
February 22, 2019 at 5:42 pm #1070413Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon -
AuthorPosts
- The topic ‘Single post sidebar not styled’ is closed to new replies.