Forum Replies Created
-
Posts
-
Hey Ismael,
The client does not seem too concerned about being able to click on a thumbnail when hovering over the white space anymore so you can just click this resolved. Sorry I couldn’t get my screencast program to work to better explain.
Best!
AndreaHey Andy,
The default way that a portfolio grid with padding is created the area to the right and below are clickable.
I modified the css so that it’s not clickable to the right of each project.
However, it is still clickable below and above each project.
When I add the same code I used to make it not clickable to the right of a project to the bottom of a project an error occurs and it pushes the first project grid down 20px.
I’d like to make it so that it’s not clickable above and below each project.
How would you recommend going about doing that?
Best!
(still trying to figure out why my video recording saves in double speed without sound!)
AndreaShoot – I just realized that that video recorded in double time with no sound… :(
Hopefully you can still understand what I was trying to get across though.
Hey Andy,
Thanks for getting back to me.
I just made a little video about exactly what I was talking about – some things are better seen than typed out.
http://www.screencast.com/t/jx8WHI7eo
Best!
Andrea
Also, to recap – here’s the CSS I am currently using to get rid of the animation:
—————————————————————-
.avia_desktop.avia_transform3d .av-masonry-entry {
-webkit-perspective: none;
-moz-perspective: none;
perspective: none;
visibility: visible !important;
}.avia_desktop.avia_transform3d .av-caption-on-hover .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content {
-webkit-backface-visibility: visible;
-moz-backface-visibility: visible;
backface-visibility: visible;
-webkit-transform-origin: none;
-moz-transform-origin: none;
transform-origin: none;
-webkit-transform: none;
-moz-transform: none;
transform: none;
-webkit-transform-style: none;
transform-style: none;
}.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
-webkit-animation: none;
-moz-animation: none;
animation: none;
}.avia_desktop.avia_transform3d .av-caption-on-hover .av-masonry-entry.av-masonry-item-with-image:hover .av-inner-masonry-content {
-webkit-transform: none;
-moz-transform: none;
transform: none;
}.avia_desktop .av-masonry-entry:hover .av-masonry-image-container {
-webkit-transform: none;
-moz-transform: none;
transform: none;
}.av-fixed-size .av-masonry-entry .av-inner-masonry-content, .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry .av-inner-masonry-content {
position: absolute;
bottom: 0;
top: 0;
}————————————
If I were to add this:
.avia_desktop.avia_transform3d .av-masonry-entry {
opacity: 1 !important;
}It would make it so it loads the way I want it to, but that also breaks the sorting that occurs when you click different categories.
Hey Ismael,
It’s easier to show than to explain:
http://screencast.com/t/oohigp0l
It seems that that bit of code doesn’t help get rid of the animation…
Hey Ismael,
Here’s a video showing what it’s doing:
http://www.screencast.com/t/f5TkQ3Mp
The image animation is gone, but when I click the categories on the Work page it sorts the projects incorrectly and places the wrong project on top. It’s doing this because of this block of code.
.avia_desktop.avia_transform3d .av-masonry-entry {
-webkit-perspective: none;
-moz-perspective: none;
perspective: none;
opacity: 1 !important;
visibility: visible !important;
}And specifically the {opacity: 1 !important;}
When I don’t have this line of code in there the transition is gone, but each project loads with a couple of milliseconds between them which makes it look like the site is slow, which it isn’t.
Any way to make it so those milliseconds between each project goes away?
Yes, if I remove the code it works correctly, but then I get the transitions back (where the images slowly load on the page instead of just show up all at once). So I need a way so that there won’t be ANY transitions – the images just should load – and then also have the appropriate portfolio categories to show up.
Wow, I did not realize that there was a little button next to each product that asked if the item should be visible or hidden and I have no idea how all of my products were set to become hidden.
Catalog visibility: Hidden
Changed to:
Catalog visibility: Catalog/Search
Hmmm – that bit of code doesn’t seem to work:
http://revisionlegal.com/category/business-lawyer/
I also clicked “For each article in a feed, show Summary” – any thoughts as to what might be over-riding both of these defaults?
That link worked great at getting posts to show up in the appropriate order.
Could you also point me in the right direction for how to customize how category and tag searches look – I’d like to only show excerpts instead of full posts.
Also, when searching for blog posts by category or tag it shows the full post instead of an excerpt with a read more tag. Where would I set that? I was looking through other posts but couldn’t find anything specific for Enfold’s excerpt length for categories.
Sorry, it looks like all of the emails and were going into the spam folder – which is a bad sign for the auto responses. Strange.
It seems that it’s being caused by the Blog Post Content Element – all of the other pages that don’t have that content element work fine.
Thanks Devin – it worked great.
Any chance you also know why the home page isn’t responsive but the rest of the pages are?
http://support.girlmeetslake.com/home/
vs.
http://support.girlmeetslake.com/newest-obsession-white-light-fixtures/
Thank you! :)
http://support.girlmeetslake.com/newest-obsession-white-light-fixtures/
<?php
global $avia_config;get_header();
if( get_post_meta(get_the_ID(), ‘header’, true) != ‘no’) echo avia_title();
?><div id=”av_section_1″ class=”avia-section main_color avia-section-default avia-no-border-styling avia-bg-style-fixed avia-full-stretch avia-builder-el-0 avia-builder-el-no-sibling av-minimum-height av-minimum-height-100 container_wrap fullsize” style=”background-repeat: no-repeat; background-image: url(http://i0.wp.com/support.girlmeetslake.com/wp-content/uploads/2014/08/background.jpg?resize=2500%2C1563); background-attachment: fixed; background-position: top center; ” data-section-bg-repeat=”stretch”>
<div class=”container”>
<main role=”main” itemprop=”mainContentOfPage” class=”template-page content twelve alpha units”>
<div class=”post-entry post-entry-type-page post-entry-25″>
<div class=”entry-content-wrapper clearfix”>
<div class=”flex_column av_one_fifth first avia-builder-el-1 el_before_av_three_fifth avia-builder-el-first ” style=”position: absolute; left: 0px; top: 0px;”>
<div class=”avia-builder-widget-area clearfix avia-builder-el-2 avia-builder-el-no-sibling “>
<section id=”nav_menu-2″ class=”widget clearfix widget_nav_menu” style=”position: relative;”>
<div class=”menu-menu-container”>
<ul id=”menu-menu” class=”menu”>
<li id=”menu-item-37″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-37″>home
<li id=”menu-item-38″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-38″>about
<li id=”menu-item-39″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-39″>portfolio
<li id=”menu-item-40″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-40″>mantra
<li id=”menu-item-41″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-41″>how it works
<li id=”menu-item-42″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-42″>contact</div>
<span class=”seperator extralight-border”></span>
</section>
</div>
</div><div class=”flex_column av_three_fifth avia-builder-el-3 el_after_av_one_fifth avia-builder-el-last “>
<div style=”height:5px” class=”hr hr-invisible avia-builder-el-4 el_before_av_heading avia-builder-el-first “><span class=”hr-inner”><span class=”hr-inner-style”></span></span></div>
<div style=”padding-bottom:10px;” class=”av-special-heading av-special-heading-h1 blockquote modern-quote modern-centered avia-builder-el-5 el_after_av_hr el_before_av_textblock “><h1 class=”av-special-heading-tag” itemprop=”headline” style=”padding-bottom:10px;”>MELINDA FARANETTA</h1><div class=”av-subheading av-subheading_below” style=”font-size:29px;”><p>Homes that love the people inside.</p></div><div class=”special-heading-border”><div class=”special-heading-inner-border”></div></div></div>
<section class=”av_textblock_section” itemscope=”itemscope” itemtype=”https://schema.org/CreativeWork”><div class=”avia_textblock ” itemprop=”text”><p>
</p></div></section>
<?php
get_template_part( ‘includes/loop’, ‘custom-single’);
get_template_part( ‘includes/related-posts’);
comments_template( ‘/includes/comments.php’);
?>
</div></div>
</div>
</main>
</div><!–end builder template–>
</div><?php get_footer(); ?>
I also can figure out why the three-fifths column is not sitting NEXT to the one-fifth column in the single.pho version – it’s acting like the one-fifth column isn’t there. Hmph! Thoughts?
So I was able to create a template that I think works well.
The one thing I can’t figure out is that in mobile everything works fine for individual posts:
http://support.girlmeetslake.com/newest-obsession-white-light-fixtures/
But on the main page, it’s not going by the percentages I set and isn’t shrinking down properly:
http://support.girlmeetslake.com/home
Any thoughts about what I did wrong?
Hmmm – I enabled it again on this site and it doesn’t seem to be working…
