-
Posts
-
Hey there
just have three simple question to your awesome template
1) How do I split the nav bar to insert a logo in the middle
2) How do I delete the overview bar in the masonry gallery
here – http://www.web101.dehamd032.servertools24.de/HOME/
Alle Alle/Events/Landscape/Wedding3) How can I have an hover effect for portfolio pictures like in eunoia theme
http://kriesi.at/themes/eunoia/Thanks for your support
Best Stephan
Hi Stephan!
1. Put the logo as a menu item in the center, like this:
And add this to Quick CSS (change 100px by your logo height value):
@media only screen and (min-width: 767px) { #header_main > .container { display: none; } } .html_header_top.html_bottom_nav_header .main_menu>div, .html_header_top.html_bottom_nav_header .main_menu ul:first-child, .html_header_top .av_bottom_nav_header .main_menu ul:first-child > li a { height: 100px; line-height: 100px; } .html_header_top.html_header_sticky.html_bottom_nav_header #main { padding-top: 100px; }2. You can change that in the Masonry Element popup (look for the Sorting options).
3. Not possible right now, feel free to request it here as a feature:
https://kriesi.at/support/enfold-feature-requests/Regards,
JosueHey Josue,
that works perfectly.
Many many thanks my friend. Is there a way to say text-decoration: none; only for the logo?
And just to make sure – if that effect from eunoia is there, this means there is a work-around
to do that. But there is a reason why it is not transported to enfold (let say to have to different
themes).
And when I buy enoia in addition is there a chance to combine both?
What I need is to have that hover effect and to link a portfolio pic to a product page?
Thanks for your awesome support.
Best StephanHey!
Try adding this code to the Quick CSS:
.noMobile span.avia-menu-fx { display: none; }Regarding the hover effect, yes it may be possible to merge it with the Enfold masonry script but it would require a heavy customization to the theme, unfortunately that’s beyond the scope of the support we can offer. If you really need it you would have to contact a developer from Envato Studio or Codeable.
Cheers!
JosueThank you so much Josue.
Ok. Can you then just tell me two things – where do I influence that hover scale of the portfolio pics and
how can I link that to a single product page instead of portffolio page?Thanks in advance.
Best Stephan
Hey!
1. Put this code in Quick CSS (adjust “1.05” as needed):
.avia_desktop .av-masonry-entry:hover .av-masonry-image-container{ -webkit-transform: scale(1.05, 1.05) !important; transform: scale(1.05, 1.05) !important; }2. When editing a single portfolio item you can set a custom link here – http://a.pomf.se/figwad.png
Best regards,
JosueHey Josue,
man- thank you for that awesome support. That is the most badass serviceI have ever seen. And thanks for that snippet. That scale effect is already integrated in that portfolio hover :-), so it just gave me that perfect idea, how to get access to that area. I played around with your container (not knwowing what I do :-) and did that here: http://www.web101.dehamd032.servertools24.de/HOME/
Quick CSS
.avia_desktop .av-masonry-entry .av-masonry-image-container:after{
content:’\A’;
position:absolute;
width:100%; height:100%;
top:0; left:0;
background:rgba(0,0,0,0.6);
opacity:0;
transition: all 1s;
-webkit-transition: all 1s;
}.avia_desktop .av-masonry-entry .av-masonry-image-container:hover:after{
content:’\A’;
opacity:0.5;
background-image: url(“http://www.web101.dehamd032.servertools24.de/HOME/wp-content/uploads/2015/03 /kranmitschokoladegross1.png”);
}I think the first part prepares the container for a status after and gives it some starting values and the second one defines end values, right?
So I get a picture for a hover effect from black and white to colour. My small programming background says, if I can readout the pictures by a loop, it should be possible to give each pic a different hover pic – is that right?
Hi Stephan!
That’s a good start, try with the following:
.avia_desktop .av-masonry-entry .av-masonry-image-container:after{ content: ""; position: absolute; width: 100%; height:100%; top:0; left:0; opacity: 0; transition: all 1s; -webkit-transition: all 1s; background-image: url("//www.web101.dehamd032.servertools24.de/HOME/wp-content/uploads/2015/03/kranmitschokoladegross1.png"); background-size: cover; background-repeat: no-repeat; } .avia_desktop .av-masonry-entry .av-masonry-image-container:hover:after{ opacity: 1; }Best regards,
JosueThank you so much Josue, that sounds like the fit for each size. Awesome. Thanks, Will see if I can find out how to read out the variable to give each pic a different hover.
Can you give me an single advice how to talk to the product purchase button bottom right here
http://www.web101.dehamd032.servertools24.de/HOME/?product=kranhaeuser-koeln-von-untenWhat I need is
a) a cirrcle purchase button in different colours and
b) the variations in that menue FORMAT and DRUCKART just as simple coloured text
like here:
http://www.web101.dehamd032.servertools24.de/HOME/wp-content/uploads/2015/03/Fertige-Seite_Kranhaus_von_unten.jpgMerci.
Hi!
1. Use this CSS:
button.single_add_to_cart_button { min-height: 150px; border-radius: 600px !important; text-transform: uppercase; }2. You’d need to convert the WooCommerce variations dropdown to something more manageable like radio buttons, i found this plugin that could do the trick:
http://designloud.com/woocommerce-radio-buttons-plugin/Regards,
JosueHope it does the trick, by the way you may want to check with Codeable if you need more of a custom solution:
http://kriesi.at/contact/customizationCheers!
Josue
- The topic ‘Center Logo in Navgation and hover the pics like in eunoia’ is closed to new replies.