-
AuthorPosts
-
January 20, 2020 at 3:54 am #1176184
Hey team,
I use yall for all my sites… and just picked up another website client. They want the front page to be news-styled, with a featured article at the top and news sections below it. Is there an Enfold template for this… or an easy way to achieve this look… especially a streamlined one that makes it easy for the site to update itself as new posts/articles are added?
Thank you so much, yall are awesome!
Cheers,
-DanielJanuary 20, 2020 at 1:12 pm #1176279Hey Daniel,
I’m not sure which look you are after, but you can pull blog posts using the Blog Posts element.
Best regards,
RikardJanuary 20, 2020 at 9:29 pm #1176460Not exactly like this, but something to this effect… where the heart of the website is news stories: https://www.tmz.com/
January 21, 2020 at 4:35 pm #1176816Hi,
Thank you for the update.
You should try the magazine, masonry element or the blog posts element as previously suggested. The blog posts element contains various styles, which are definitely suited for magazine sites or pages. You should be able to display posts in a grid or display them one at a time and above each other same as the TMZ site.
Best regards,
IsmaelJanuary 22, 2020 at 3:50 am #1176997I’m going to give it a try.
Another issue that I’m having. I want to put the menu items in a section below the logo section, like in the Construction Demo. Not sure how to set it up in the setting though. Can you please tell me?
Cheers,
-DanielP.S. Nevermind, figured it out
- This reply was modified 4 years, 11 months ago by Dzimnikov.
January 22, 2020 at 8:33 am #1177024How do I extend the Right Sidebar into the entire page below the menu? I’m not sure why it isn’t showing up in the section with the video. I would like to have the sidebar run down the entire ride hand side of the page. Is that possible?
January 23, 2020 at 8:28 am #1177435Hi,
Where can we see the problem you are having? If the section in question is full width then please change that to a 1/1 element instead for instance.
Best regards,
RikardJanuary 23, 2020 at 10:55 pm #1177931Thats the website. Currently the right sidebar (from PAGES), is in the second section below the menu.
We need the right sidebar to run all the way down the right side, but for some reason it doesn’t appear next to the section with the youtube video. That section is Colored Section… and the Youtube video is sitting in a 2/3 element within the colored section.
January 25, 2020 at 9:55 pm #1178406Hi,
Thanks for the link, when using a color section, or any full-width element the sidebar is forced below it, so in this case remove the color section and just put the video at the top of the page.Best regards,
MikeJanuary 25, 2020 at 10:03 pm #1178407Yes, but colored sections allow you to change the colors of those sections….
If I just use elements without breaking them up into colored sections, won’t I be limited settings wise?
January 25, 2020 at 11:50 pm #1178413Hi,
Yes this is true, you can try adding the widget element inside of the color section to fake a sidebar, but then it won’t go down the full page. Or perhaps you could try a sticky plugin like WP Sticky Sidebar to force the sidebar to “float” over the color section.Best regards,
MikeJanuary 26, 2020 at 2:23 am #1178423Hmm, the plugin might just work.
What do I put for “sidebar element” and “container element” to activate the sidebar?
Thanks,
-DanielJanuary 26, 2020 at 1:29 pm #1178485Hi,
Well, I tested the plugins but it doesn’t help for this, that is they make it sticky but don’t move the sidebar to the top. But if you ever need a sticky element I recommend Sticky Menu (or Anything!) on Scroll, it works the best.
So I wrote this script to make a sidebar sticky and fixed it to the top of the page over color sections, but I recommend using columns inside of the color section so content is not stuck behind the sidebar unless you want an image to stretch behind the sidebar. You should be able to adjust some of the css inside of the script to suit your needs. Try adding this code to a “code block” element on every page you want this to work, this might be better than adding it to your functions.php and have it accidentally affect some other pages.<script> (function($){ $(document).ready(function(){ $('.inner_sidebar').css({ "top":"130px", "position":"fixed", "background-color":"#f8f8f8", "right":"5px", "padding-left":"20px", "padding-top":"20px", "z-index":"509"}); }); $('.units.alpha').css({ "border-color":"transparent"}); $('#top #wrap_all #footer').css({ "z-index":"0"}); })(jQuery); </script> <style> #top #wrap_all #footer { z-index: 0 !important;} </style>
Best regards,
MikeJanuary 27, 2020 at 6:15 am #1178571Hi Mike, this is amazing. I will test it out tomorrow and will get back to you.
The level of support here is unreal! Much love to yall, thank you so much!!!
January 27, 2020 at 12:42 pm #1178665March 26, 2020 at 5:32 am #1197930Hey, sorry its been a while. I tried adding this code to a page, I don’t see a sidebar. I’m probably adding it wrong.
March 27, 2020 at 2:02 am #1198193Another question about this url: https://ce.jointdiplomacy.com/
I added a banner to the logo area but I can’t find a way to make it full width. There are little rectangle sections on the sides of it, and I’m not sure how to remove them. I tried playing with the layout settings, nothing worked.
Thank you so much,
-DanielMarch 27, 2020 at 12:00 pm #1198304 -
AuthorPosts
- You must be logged in to reply to this topic.