Forum Replies Created
-
Posts
-
Thanks for the reply. The CSS does put the sidebar in the correct location but the general layout of the page is still damaged due to those extra /div tags. This can be seen by the border not being in the correct place.
The 401 was perhaps because I was migrating the site over the weekend but not sure why. Weird.
Your CSS change is here without extra divs
http://www.websiteproud.com/wptest/category/at-le-crann/and the migrated site with slight changes to categories but no CSS change and my extra div’s added is here:
http://www.gitesinsouthernbrittany.com/category/special-offers/Any idea how to insert the shortcode without breaking the page structure for the sidebar?
Including a slider shortcode into the archive page, puts in these end of div tags which mess up the page layout:
</div></div></div><!– close content main div –></div></div>
Therefore to compensate for these wrong tags, I simply added
<div><div><div><div><div> immediately before the shortcode insertion.
This fixes the problem but I would rather not do hacks like this as a theme update in future may resolve this.
The archive is at for example http://www.websiteproud.com/wptest/category/at-le-crann/
and the header at http://www.websiteproud.com/wptest/blog/
I’ve followed your suggestions and have a grid on the archive page as well as the header. Not sure why the sidebar is no longer on the rhs?
I added this php part just before the div
<?php echo do_shortcode(“[av_slideshow_full size='no scaling' stretch='' animation='slide' autoplay='false' interval='5' control_layout='av-control-default' src='' attachment='' attachment_size='' position='top left' repeat='no-repeat' attach='scroll']
[av_slide_full slide_type='image' id='2331' video='' mobile_image='' video_format='' video_ratio='' title='Le Crann Blog' custom_title_size='' custom_content_size='' caption_pos='caption_left caption_left_framed caption_framed' link_apply='' link='lightbox' link_target='' button_label='' button_color='light' link1='manually,http://' link_target1='' button_label2='' button_color2='light' link2='manually,http://' link_target2='' font_color='' custom_title='' custom_content='' overlay_opacity='0.1' overlay_color='' overlay_pattern='' overlay_custom_pattern='']
[/av_slide_full]
[/av_slideshow_full]“)
?><div class=’container_wrap container_wrap_first main_color <?php avia_layout_class( ‘main’ ); ?>’>
I’ve been able to fix the sidebar issue. I was using a sidebar widget placed by the advanced editor instead of using the theme sidebar settings, as in the demo. Changing this fixed that problem.
All I need now is to know how to place the slider image from the blog page into the archive layout.
On the main blog page I have a header and sidebar.
https://dl.dropboxusercontent.com/u/33722941/blog1.jpgOn the archive page, I was able to create a similar grid style by adding some filter to functions.php as suggested on this forum and also add a sidebar by changing the code in archive.php, also suggested here.
https://dl.dropboxusercontent.com/u/33722941/blog2.jpg
However, the archive page seems to be full width and the sidebar drops underneath and I’m not sure how I add the slider image. I assume to this is an addition to archive.php
I’ll have a look at the demo after an import as that seems to retain the sidebar component at least.
Any updates to this thread? I too cannot see any tooltips when viewed on an Android mobile using Firefox. Example page http://www.websiteproud.com/wptest/location/travel/
Almost. That does indeed bring the X into view but at the expense of losing the bottom of the image with the counter. Is there anyway to limit the size of a lightbox image in terms of % of browser. window?
I^ll ask the plugin author about the hover style still being applied unless I can spot it myself.
It’s all relative. I could make the pictures 300px max height but if my browser is currently 200px height, then the image will still hit the edge and the cross not be visible. Some of them are already less than 850.
Almost. That fixed the cross itself. I still have a border around the icon. I appreciate that you’d said how to fix the problem but did you see what caused it in the first place?
I’m using .this to remove the outside border.
toggler.activeTitle {
border: none;
}
.main_color .toggler {
border: none;
}Also the URL function of the accordion no longer works on the page I gave you but is ok on another page.
Looking at the styles it seems that the width on this
.toggle_icon .hor_icon {
width: 11px;Is being replaced by this, which causes the long line.
.responsive, .responsive span, .responsive span iframe[style], .responsive span img {
width: 100% !important;
}Something to do with my iframe plugin perhap?
The sites loads and displays ok but nothing can be edited. Any attempt to edit a page or access the Enfold theme setting results in a blank page and usually the link …wp-admin/admin.php?page=avia
Rather than risk breaking the clients site any more, I attempted to make a duplicate which I could work on in my own domain. Both plugins failed to copy the site and had no affect on the failure being seen. The WP site you see was not copied from anywhere else first and was broken before the plugins were installed.
