-
Search Results
-
Hi guys,
I am starting this as its own thread since the other has apparently fallen off the radar. If you take a look at http://codelessme.com/casey/abstracts/ and /figures, on tablet and smartphone, the 4th row center image is displaying with a different height than the others. This is causing 2 white spaces to appear on tablet and smartphone. Ismael helps resolve on desktop, but these two issues still exist.
I was provided with
@media only screen and (max-width: 767px) and (min-width: 480px) { #top div .avia-gallery img { max-height: 132px; } }on the 21st by Ismael, but it did nothing. Any more help would be greatly appreciated. This is the only speed bump keeping this project from completion.
Thanks,
DavidHowdy,
Looking at the demo site here on these pages:
http://kriesi.at/themes/enfold/shop/
http://kriesi.at/themes/enfold/product/zoku-trioquick-pop-maker/There are some differences to what happens in reality with the enfold theme and a vanilla installation of Woocommerce.
For example the product list page shown here http://kriesi.at/themes/enfold/shop/ has a custom side bar, without the common sidebar being added and a dedicated sidebar which isn’t elsewhere on the demo.
How was this achieved?
Also in reality, the sidebar appears under the product details (see CSS hiding suggestion here) not to the right hand side and is exactly what happened on our site too.
What did you do to make these pages look how they do?
Matt
I was looking for a different onhover effect for the Enfold portfolio. With the help of some Googling I changed the arrow to a slideover-excerpt-text effect.
To change this you have to know how to code – preferably in a child theme that you can download here:http://bit.ly/enfold-child
Example of onhover effect:
http://i40.tinypic.com/ndvqpz.jpg
What did i change:
PORTFOLIO.PHP (Version: 2.4.5)New code:
somewhere from line 395 (fullwidth portfolio) I changed some settings and added some classes. This is not very clean code but it can help you achieve this very easily.else { $extraClass .= ' default_av_fullwidth '; $output .= "<div data-ajax-id='{$the_id}' class=' rozepitem grid-entry flex_column isotope-item all_sort {$style_class} {$post_class} {$sort_class} {$grid} {$extraClass}'>"; $output .= !empty($excerpt) ? "<a href='{$title_link}' title='".esc_attr(strip_tags($title))."'><div class='rozeptxt grid-entry-excerpt entry-content' ".avia_markup_helper(array('context'=>'entry_content','echo'=>false)).">".$excerpt."</div></a>" : ''; $output .= "<article class='main_color inner-entry' ".avia_markup_helper(array('context' => 'entry','echo'=>false)).">"; $output .= apply_filters('avf_portfolio_extra', "", $entry); $output .= "<".$link_markup[0]." data-rel='grid-".avia_post_grid::$grid."' class='grid-image avia-hover-fx'>".$custom_overlay.get_the_post_thumbnail( $the_id, $image_size )."</".$link_markup[1].">"; $output .= !empty($title) || !empty($excerpt) ? "<div style='z-index:100;box-shadow: 0px -5px 20px #888888;' class='grid-content'><div class='avia-arrow'></div>" : ''; if(!empty($title)) { $markup = avia_markup_helper(array('context' => 'entry_title','echo'=>false)); $output .= '<header style="z-index:100;" class="entry-content-header">'; $output .= "<h3 class='grid-entry-title entry-title' $markup><a href='{$title_link}' title='".esc_attr(strip_tags($title))."'>".$title."</a></h3>"; $output .= '</header>'; } $output .= !empty($title) || !empty($excerpt) ? "</div>" : ''; $output .= '<footer class="entry-footer"></footer>'; $output .= "</article>"; $output .= "</div>"; } $loop_counter ++; $post_loop_count ++; $extraClass = ""; if($loop_counter > $columns) { $loop_counter = 1; $extraClass = 'first'; } }Then i added a jQuery part in a JS file (e.g. shortcodes.js):
$('.rozeptxt').animate({ opacity:'0', top:'300px', }); $('.rozepitem').hover( // Over function(){ $(this).find('.rozeptxt').animate({ opacity:'0.9', top:'0px', }); } , // Out function(){ $(this).find('.rozeptxt').animate({ opacity:'0', top:'300px', }); } );In the custom CSS-field I added this:
.image-overlay { display: none!important; } .entry-title {font-weight:bold;font-size:13pt;} .rozeptxt{color:#7c6853;font-size:13pt;position: absolute;top:0px;left:0px; background: rgba(255,255,255,0.9);width: 100%;height: 100%;z-index:50;padding:20px;} .rozepitem{display: block;float: left; position: relative;overflow:hidden;}I know the code can be a lot cleaner, but i saw other people wanting this – so maybe this helps them create something awesome.
Topic: cant get enfold to update
Hi,
Whenever I publish something, like a new page, I dont actually see the changes on my website.
Please help!
thanks
In Enfold, the categories are displayed andlinked right from below the Post title.
See here.
Right afterwards, it displays J.A. Shapira, le.gentleman /by J.A. Shapira. I understand the /by J.A. Shapira since this is the author but the other two are usernames of the two who worked on the pieces but I do not want to display them anywhere. I want to keep the author reference /by J.A. Shapira and the categories but not the usernames.
Thanks
Viewing 30 results - 230,371 through 230,400 (of 244,425 total)
