-
Posts
-
I need to set up the full width slider image and full width sub menu (it’s the only top nav menu on my site) to show up at the top of my Blog posts page.
I went into Theme Options – Blog Layout and selected the option to use the Advanced Layout Editor.
However, even after refreshing everything, I’m still not able to drag any content or media elements down… there’s just a repetitive circle icon going around, like it’s ‘thinking.’
Please advise as to what’s wrong here and what my next step should be to get this page set up properly?
Page info in PC.BTW, I noticed that when I selected Advanced Layout Editor under Blog Layout, that all my blog posts disappeared from the Posts page completely.
Hey Moondreamer21,
Thank you for using Enfold.
The Blog Layout is set to “Single author, small preview” when I checked and there’s an error when I edited the blog page.
avia-builder.js?ver=0.9.5:985 Uncaught TypeError: Cannot read property 'replace' of undefined at $.AviaBuilder.convertTextToInterface (avia-builder.js?ver=0.9.5:985) at avia-builder.js?ver=0.9.5:642Please try to deactivate the plugins temporarily.
Best regards,
IsmaelHello,
I deactivated the plug-ins, cleared my cache and the the results were the same.When I set the blog layout to Advanced Editor, it won’t let me lower any elements and the round circle ‘thinking icon’ just keeps going.
When I set it to Single (or Multi) Author, all the blog posts disappear from the blog page.
From from my research I see that this is common issue so I’m sure you’ve figured out a cause and solution. Please advise.
Hi,
Thanks for the update.
The “Articles & Videos” page was set as the posts page in the Settings > Reading panel. We reset that option to default and set the Blog Layout > Blog Layout settings to “Use the advanced layout builder…” option. You can now use the advance layout builder to edit the content of the blog page.
Best regards,
IsmaelThank you Ismael. It seems this new set-up will work great. I’d like to keep this open for a couple days to make sure but I sure appreciate your help! :)
Hi guys, I’m moving forward with my site and realized that based on how we have it set up (see above or I’ll copy & paste to summarize below), that there is no full width slider image or menu on the actual individual blog post pages.
So does this mean I have to set up the full width slider and the menu up individually/manually ALL 175 blog post pages – or is there a way around this!?? I put a lot of thought and a TON of CSS into the way I have my site set up now with how the menu is and header is, etc. so I’d rather than totally rework that, but I’d also prefer not to have to set up every single post page individually.-> The “Articles & Videos” page was set as the posts page in the Settings > Reading panel. We reset that option to default and set the Blog Layout > Blog Layout settings to “Use the advanced layout builder…” option. You can now use the advance layout builder to edit the content of the blog page.
Hi,
We’ve added this hook on the functions.php file to render the main slider and main menu on single post pages.
// https://pastebin.com/Gm8U9Z14
Best regards,
IsmaelThanks so much
I have been making a different slider for each of my pages… can you tell me how I determine if / or which slide is considered a “Main Slider?”
Hi,
I found that slider in your home page so I just assumed that it’s your “Main Slider”. I just copied the markup of that particular slider along with the fullwidth sub menu and then use a hook in the functions.php file to render it on the single post pages.
Best regards,
IsmaelThanks for explaining that – is there a way I can take the slider from another page and make is the slider for the blog page? I don’t want to use the ‘main slider’ from the home page. If you could let me know what code I need to change, I can do that in the functions.php file. Thanks! :)
Hi,
Yes, that is possible. Please provide a link to the page with the slider that you want to use and then I’ll give you the markup. Or you can extract the html code yourself through the browsers’ element inspector. If you’re using Chrome, here’s how:
// https://www.youtube.com/watch?v=tP_kXBJWPhQ
// https://stackoverflow.com/questions/23343191/copying-html-code-in-google-chromes-inspect-elementBest regards,
IsmaelI’ll post the page in the private content that has the slider that I want on the Articles + Videos (blog) page.
Thanks!Hi,
I added the slider markup in the functions.php hook. (see private field)
<div id="full_slider_1" class="avia-fullwidth-slider main_color avia-shadow avia-builder-el-0 el_before_av_submenu avia-builder-el-first container_wrap fullsize"> <div data-size="featured" data-lightbox_size="large" data-animation="slide" data-conditional_play="" data-ids="14746" data-video_counter="0" data-autoplay="false" data-bg_slider="false" data-slide_height="" data-handle="av_slideshow_full" data-interval="5" data-class=" " data-css_id="" data-scroll_down="" data-control_layout="av-control-default" data-custom_markup="" data-perma_caption="" data-autoplay_stopper="" data-image_attachment="" data-min_height="0px" data-src="" data-position="top left" data-repeat="no-repeat" data-attach="scroll" data-stretch="" data-default-height="28.666666666667" class="avia-slideshow avia-slideshow-1 av-control-default avia-slideshow-featured av_slideshow_full avia-slide-slider" itemprop="ImageObject" itemscope="itemscope" itemtype="https://schema.org/ImageObject"> <ul class="avia-slideshow-inner " style="padding: 0px;"> <li class="av-single-slide slide-1 active-slide" style="visibility: visible; opacity: 1; transition: none; transform: translateZ(0px);"> <div data-rel="slideshow-1" class="avia-slide-wrap "><img src="https://www.new.barrelracingtips.com/wp-content/uploads/2018/08/blog-1500x380.png" width="1500" height="380" title="blog" alt="" itemprop="thumbnailUrl" style="left: 0px;"></div></li> </ul> </div> </div>Best regards,
IsmaelThanks Ismael,
So should that new header image be showing up on the Articles + Videos blog page also (it’s not – link in PC below) – I see that it is showing up on the actual blog post pages.Hello, in the two days that have passed since I asked my last question, I have launched my site off the ‘new’ subdomain.
Right now, the image we referenced above is not showing up on the main blog posts page, or on the individual blog post pages.
Can someone please look into this and/or correct it? See private content below.
*Also I noticed that on the actual blog post pages that the full width sub menu isn’t showing up on desktop?
Thanks! :)Hi,
The path was incorrect and was still pointing to the old URL. I have updated it please review your site and let us know.
Best regards,
VinayThanks for the help. I’d also like the same image to appear on the Category pages. I’ll post links to the four category pages in the private content.
Thank you, looks good!
Speaking of Category posts, I see that at the top of each one, the comments count is showing.
Where the posts are listed under the Articles + Videos page, I had added css to remove that comment count (only the category and author shows, not the number of comments).
Do you have code I can use to make that possible for posts listed under categories too? I’ll make a link to a category that has a few posts in it so you can see in the PC below.
Thanks again.Hi,
You can use this css code for that.
.date-container.minor-meta + .text-sep, .comment-container, .comment-container + .text-sep { display: none; }Best regards,
Ismael
- The topic ‘Advanced Layout Editor for Blog Post Page?’ is closed to new replies.