Viewing 28 posts - 1 through 28 (of 28 total)
  • Author
    Posts
  • April 11, 2017 at 2:17 pm #776042
    André

    Howdy,

    I have got two questions:

    1: On this site http://www.kreatividee.net/referenzen/ the transparency doesn’t match the increased picture on mouse-over. Is there a way to fix this?

    2: I’d like to have social share (not social profile) icons in the footer like vincimilia did it (maybe a liitle smaller): http://mittelalter-in-coburg.de/content/ How do I do that?

    Greetings
    Anni

    April 11, 2017 at 2:22 pm #776047
    Daniel

    Hi Anni,

    for the social share buttons in the footer just add this code in a text wigdet for the footer and add a headline above:

    <div class="av-social-sharing-box avia-builder-el-39 avia-builder-el-no-sibling">
<div class="av-share-box">
<ul class="av-share-box-list noLightbox">
<li class="av-share-link av-social-link-facebook">
<a data-avia-related-tooltip="Share on Facebook" title="" data-av_iconfont="entypo-fontello" data-av_icon="" aria-hidden="true" href="http://www.facebook.com/sharer.php?u=http://mittelalter-in-coburg.de/content/&t=Home" target="_blank">
<span class="avia_hidden_link_text">Share on Facebook</span>
</a>
</li>
<li class="av-share-link av-social-link-twitter">
<a data-avia-related-tooltip="Share on Twitter" title="" data-av_iconfont="entypo-fontello" data-av_icon="" aria-hidden="true" href="https://twitter.com/share?text=Home&url=http://mittelalter-in-coburg.de/content/" target="_blank">
<span class="avia_hidden_link_text">Share on Twitter</span>
</a>
</li>
<li class="av-share-link av-social-link-gplus">
<a data-avia-related-tooltip="Share on Google+" title="" data-av_iconfont="entypo-fontello" data-av_icon="" aria-hidden="true" href="https://plus.google.com/share?url=http://mittelalter-in-coburg.de/content/" target="_blank">
<span class="avia_hidden_link_text">Share on Google+</span>
</a>
</li>
<li class="av-share-link av-social-link-pinterest">
<a data-avia-related-tooltip="Share on Pinterest" title="" data-av_iconfont="entypo-fontello" data-av_icon="" aria-hidden="true" href="http://pinterest.com/pin/create/button/?url=http%3A%2F%2Fmittelalter-in-coburg.de%2Fcontent%2F&description=Home&media=http%3A%2F%2Fmittelalter-in-coburg.de%2Fcontent%2Fwp-content%2Fuploads%2F2017%2F04%2Fstartseite-bg-neu-705x406.jpg" target="_blank">
<span class="avia_hidden_link_text">Share on Pinterest</span>
</a>
</li>
</ul>
</div>
</div>
    April 11, 2017 at 11:23 pm #776367
    André

    Thank you! Great!

    April 12, 2017 at 5:20 am #776437
    Rikard

    Hi,

    Thanks for helping out @vincemilia, much appreciated :-)


    @Anni0758g     please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    April 15, 2017 at 10:13 pm #778293
    André

    Hello Rikard,

    this problem is still unsolved: On this site http://www.kreatividee.net/referenzen/ the transparency doesn’t match the increased picture on mouse-over. Is there a way to fix this?

    And something new: On my blog http://www.kreatividee.net/texter-blog/
    The link to page 2 (at the bottom of the site) doesn’t work … what do i do wrong?

    Greetings
    André

    April 15, 2017 at 10:32 pm #778297
    André

    PS: Just solved the Blog-Problem by myself. :-)

    April 15, 2017 at 11:47 pm #778306
    André

    Hi Mike,

    sorry, my fault. Right, I mean Texter-Referenzen. No, I don’t want the opacity to be removed … as long as there is a way to fix my problem: The opaycity doesn’t exactly match the increased picture, because the pincture increases on mouseover, but the opacity does not. So there is always some border without opacity.

    Greetings
    André

    April 17, 2017 at 1:47 am #778533
    André

    Hi,
    sorry, doesn’t work for me. At first the arrows are not in place, on mouseover actually move to the right place but also don’t disappear, when not longer hovered by the mousepointer. And the opacity is also gone.

    Greetinx
    André

    April 17, 2017 at 6:38 am #778560
    John Torvik

    Hi,

    Try to add this custom CSS code:

    .image-overlay {
height: 300px !important;
width: 300px !important;
}

    If it worked, just adjust it decreasing and increasing the width and height values.
    Best regards,
    John Torvik

    April 17, 2017 at 3:45 pm #778760
    André

    Hi John,

    generally it works, but pictured links on other sites have all different sizes. So it’s not the final solutuin for me.

    April 17, 2017 at 8:30 pm #778922
    Victoria

    Hi Anni0758g,

    Could you make a mockup of what a final solution would look like fir you?

    Best regards,
    Victoria

    April 25, 2017 at 8:27 pm #783078
    André

    Hi Victoria,

    you can see the problem here when you hover the monitors on the site: https://www.kreatividee.net/texter-referenzen/

    To fit the increased images the transparency should also increase. But I think, it’s just not possible.

    Never mind. Nevertheless the Enfold-Theme is absolutely great! :-)

    April 26, 2017 at 1:18 pm #783450
    Victoria

    Hi Anni0758g,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.post-entry-38 .image-overlay.overlay-type-extern {
  min-width: 115% !important;
  min-height: 110% !important;
  margin-left: -8px;
  margin-top: -11px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    May 2, 2017 at 9:07 am #786231
    André

    Oh, my god, that works!
    Thank you sooo much, Victoria.

    Just one Question for my understanding: Wherefor is this “post-entry-38”?

    Thank you again,
    you can close this ticket now.

    Many Greetings
    André

    May 2, 2017 at 4:10 pm #786482
    Victoria

    Hi André,

    Glad we got it working for you. This “.post-entry-38” is added to make the css I gave you work only for that block on that page, so that it does not affect anything else anywhere.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    May 2, 2017 at 5:54 pm #786587
    André

    Hi Victoria,

    that was my guess too! Great Thank you!

    Greetinx
    André

    May 2, 2017 at 8:00 pm #786650
    André

    Oh, just one more thing (Columbo comes …)

    I need this for these sites too:

    Anzeigen & Plakate

    Werbebriefe & Mailings

    How can I find out the post entry number?

    Best regards
    André

    May 2, 2017 at 8:18 pm #786666
    Victoria

    Hi André,

    You can look it up in Elements tab in Chrome dev tools. You can go View > Developer > Developer Tools in Crome menu.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    May 23, 2018 at 6:06 pm #961039
    André

    Hi Victoria and others,

    1: On this site http://www.kreatividee.net/referenzen/ the transparency doesn’t match the increased picture on mouse-over. Is there a way to fix this?

    After Updating to Version 4.4 this doesn’t work anymore. Any Solutions?

    #783450
    .post-entry-38 .image-overlay.overlay-type-extern {
    min-width: 115% !important;
    min-height: 110% !important;
    margin-left: -8px;
    margin-top: -11px;
    }

    May 25, 2018 at 10:44 am #962010
    Victoria

    Hi Anni0758g,

    I got a 404 on that page. Do I need to login to see it?

    Best regards,
    Victoria

    May 25, 2018 at 11:45 am #962046
    André

    Hi Victoria,

    sorry, this is the correct page: https://www.kreatividee.net/texter-referenzen/

    But even worse: After Updating to Version 4.4 my mobile menu is gone.

    Best regards
    André

    May 25, 2018 at 3:49 pm #962219
    André

    I solved the problem with the mobile menu by myself.
    The other problem is still there.

    Greets

    May 28, 2018 at 11:25 am #963065
    Victoria

    Hi André,

    What is the other problem, can you please repeat it? I’m a bit confused. And I am getting 404 on the http://www.kreatividee.net/referenzen/
    Image 2018-05-28 at 12.25.25.png

    Best regards,
    Victoria

    May 28, 2018 at 5:23 pm #963366
    André

    Hi Victoria,

    sorry for confusing you. The correct URL is: https://www.kreatividee.net/texter-referenzen/
    To fit the increased images the transparency should also increase. In the past you already solved this problem with the following code:
    .post-entry-38 .image-overlay.overlay-type-extern {
    min-width: 115% !important;
    min-height: 110% !important;
    margin-left: -8px;
    margin-top: -11px;

    After Updating to Version 4.4 unfortunately this doesn’t work anymore.

    One more short questions:
    – The Logo collides with the menu when decreasing the site. Is there a solution that the mobile menü appears earlier, before the collision?

    Thanks for your patience with me! :-)

    May 31, 2018 at 3:26 am #964599
    Ismael

    Hi,

    Thank you for using Enfold.

    We already included an actual fix for the image overlay effect. Please remove the previous css code then re-save the theme options. That should fix the issue. For the logo, try to activate the mobile menu earlier in the Enfold > Main Menu panel.

    Best regards,
    Ismael

    May 31, 2018 at 1:38 pm #964770
    André

    Hi Ismael,
    thanks for your reply. Unfortunately it makes no difference.

    Thanks
    André

    May 31, 2018 at 1:41 pm #964772
    André

    PS: For the Logo in the mobile menu I can only choose between 786 and 990 px Browser-width.

    June 4, 2018 at 3:25 pm #966545
    Victoria

    Hi André,

    Could you please attach some screenshots of the issue?

    Yes, there are only these two options.
    Looks like the 768px option works fine for you.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 28 posts - 1 through 28 (of 28 total)
  • You must be logged in to reply to this topic.