-
Search Results
-
My client wants to use the Blue settings throughout the site to match the blue color of their logo – BUT in the top navigation when you mouse over the menu a thin line appears and then stays there if you choose that page – they want to make it a RED COLOR.
Is this possible to change with CSS?
Please… tell me it is possible b/c that’s what I told them. :)IF SO, what would that custom CSS be?
Thanks in advance!
Paul
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,
DavidTopic: main blog sidebar
Hello,
Could you please advise on how to set the widgets for the main blog page (latest blog posts archive page).
I know how to set widgets on pages, posts, forum pages or can set the “displayed everywhere” widgets, but can’t figure out how to set them for my top page which displays the latest blog posts.Thank you for your help.
Topic: Open link in Lightbox/iframe
Hey there,
i would love to be able to set the Link of buttons or slides to display in an iframe/lightbox.
See my link: http://www.virtuelle-touren.de/portfolio-eintrag/lippeschutz-bevoelkerungsschutz-kreis-lippe/
I would love to make the tour (linked in the Slider) open in an iframe such as the Link “PC/Desktop: Tour öffnen” wich is on the same page a little way down.How can i do that?
Howdy,
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.
Viewing 30 results - 134,791 through 134,820 (of 142,897 total)
