Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • April 8, 2014 at 11:30 pm #248981
    Mike

    Hi,

    When I set a image by a blogpost with behind this image a link you will get a hover over the image. Can you disable this feature for images with a link?

    April 9, 2014 at 2:25 am #249011
    Ismael

    Hi Miikey!

    Thank you for using the support forum!

    You can add something like this on Quick CSS or custom.css:

    .image-overlay-inside {
display: none !important;
opacity: 0 !important;
}

    This will remove the overlay effect on hover.

    Cheers!
    Ismael

    April 10, 2014 at 6:09 pm #249867
    Mike

    Hi Ismael,

    The rounded circle in the middle of the image is removed, but the opacity remains.

    Greetz Miikey

    April 10, 2014 at 6:19 pm #249871
    Yigit

    Hi!

    Please add following code to Quick CSS instead

    .image-overlay { display: none !important; }

    Cheers!
    Yigit

    April 10, 2014 at 6:32 pm #249878
    Mike

    Hi Yigit,

    Thanks for the quick reply.

    Find to the opacity still finer, so it is notable that the image is clickable. Is there also a possibility to remove only to the opacity of the featured picture and that it is not clickable?

    Greetz Miikey

    April 10, 2014 at 6:35 pm #249882
    Yigit

    Hi!

    Can you post the link to your website and point out an example?

    Best regards,
    Yigit

    April 10, 2014 at 6:44 pm #249887
    Mike

    The featured picture from this blogpost for exemple: http://besparenmetvergelijken.nl/spouwmuurisolatie-kosten-offertes-vergelijken/

    I don’t want it clickable and that he magnified.

    Greetz Miikey

    April 10, 2014 at 7:01 pm #249894
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .template-blog .blog-meta { pointer-events: none; }

    Best regards,
    Yigit

    April 10, 2014 at 8:41 pm #249923
    Mike

    Hi Yigit,

    Not quite what I exactly want. Now, the picture in the blog line even not clickable.
    You can see it here: http://besparenmetvergelijken.nl/bespaartips/

    April 10, 2014 at 8:48 pm #249924
    Mike

    Sorry I have also a problem if I have a blog post open.

    In the title container you don’t see the blog line in the breadcrumbs and on the left you see “Blog – Laatste Nieuws” but it goes to the homepage and not to the blog line. Is there a possibility to change this?

    April 11, 2014 at 1:44 am #250007
    Yigit

    Hey!

    Please change the code to following one

    .single-post .template-blog .blog-meta { pointer-events: none; }

    Please go to Enfold theme options and in “And where do you want to display the Blog?” choose your blog page

    Regards,
    Yigit

    April 29, 2014 at 9:35 am #257530
    Mike

    Hey Yigit,

    Great! That works fine.

    Still have some questions and sorry for my bad English.

    1) Body font enlarge with “body {font-size: 15px;}” in quick css increases not everything. For exemple Enfold latest news widget and commentary under Leave a Reply remain small font.
    2) Enfold theme make categories and tags clickable in the text. How can I remove this feature?
    3) Bold words are the same color as my links. How can I make the bold words in the same color as normal text?
    4) When I set my blog page by the enfold theme options, he no longer cuts off automatically by 55 words. Can I at this feature back?
    5) How can I give the heading tags a different color?
    6) The H2 and H3 tags are a little bit to large for my, how can I set a smaller font? (the H1 is smaller than the H2 now, can you see what font the H1 tags are by default?)

    Thanks for the time.

    Regards,
    Miikey

    April 30, 2014 at 11:24 pm #258573
    Yigit

    Hi!

    Please add following code to Quick CSS as well
    1-

    body a, #top .comment_text {
font-size: 15px;
}

    2-

    .blog-tags, .blog-categories { pointer-events: none; }

    3-

    .main_color strong, .alternate_color strong { color: inherit !important; }

    4-Please add following code to Functions.php file in Appearance > Editor

    add_filter('avf_postgrid_excerpt_length','avia_change_postgrid_excerpt_length', 10, 1);
function avia_change_postgrid_excerpt_length($length)
{
   $length = 55;
   return $length;
}

    5-

    h1 { color: red !important; }

    6-

    h2 { font-size: 18px !important; }

    Cheers!
    Yigit

    April 12, 2016 at 1:52 am #611598
    rothenfluh

    Hi, I have searched this forum for ways of disabling the image overlay. I have copy-pasted about every CSS snippet I could find on here into the Quick CSS and nothing seems to have an effect. Whatever I try just does not work and I still get the overlay on the feature image of blog posts. This is on both a feed with posts I use on the main page and on the blog page. If I reduce the size of the feature image, then the overlay is bigger and therefore I can also not have image and post title on one line in the feed for example.

    Some advise would be much appreciated as I am getting a little frustrated here… thanks!

    April 12, 2016 at 7:47 am #611718
    Vinay

    Hi!

    I don’t see any images with overlay on the homepage but if you still need the CSS pelease check this link http://kriesi.at/documentation/enfold/disable-css-overlay-on-images/
    Regards,
    Vinay

    April 12, 2016 at 6:30 pm #612076
    rothenfluh

    thanks for the reply, yes, the hover is disabled but these ugly boxes with a pen masking the logo… on the blog page for example. I want them gone such that one actually can see the logo/picture underneath – any ideas?

    thanks again, great theme and very easy to use otherwise!

    April 14, 2016 at 8:14 am #613575
    Ismael

    Hi!

    Use this to remove the pen icon:

    .rounded-container .iconfont, .small-preview .iconfont {
    display: none !important;
}

.main_color .small-preview {
    background: transparent;
}

    Best regards,
    Ismael

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