Images with blue box

17 posts from 5 voices

• Started 1 year ago by koss98
• Latest reply from Devin
• This topic is resolved

Tags:

No tags yet.

1. 

   koss98
   Member

   Hi,

   it looks like there is a bug in template Sentence, if you insert image into blog post without header it will create a blue ugly box around it. If you insert image with header it looks absolutely fine. If you will provide me email I can send you screenshots but you can try yourself.

   Posted 1 year ago #
2. 

   Dude
   Dude

   Hey!

   Can you post a link to a sample page/post please where this problem occurs?

   Best regards,
   Peter

   Posted 1 year ago #
3. 

   koss98
   Member

   Try to hover on this image - http://www.itefektivne.cz/oblibene

   Posted 1 year ago #
4. 

   Dude
   Dude

   Hey!

   Please try to add following code to css/custom.css:
   

   img, a img,  a:hover img, a img:hover{
   background-color: #fff !important;
   border-color: #fff !important;
   }

   Best regards,
   Peter

   Posted 1 year ago #
5. 

   koss98
   Member

   Hmm, does not seems to work, I tried to reload page in Firefox and Chrome and without result. Also I manually looked to file http://www.itefektivne.cz/wp-content/themes/sentence/css/custom.css and it seems to contain everything you recommended. Please advice.

   Posted 1 year ago #
6. 

   koss98
   Member

   I also removed this style because I do not use white as background and it was affecting my logo on homepage. Ok, I have little bit shadow white as background, on first sight you wont recognise.

   Posted 1 year ago #
7. 

   Devin
   Moderator

   HI Koss98,

   Is the issue resolved for you now or are you still looking for a solution to this?

   Regards,

   Devin

   Posted 1 year ago #
8. 

   koss98
   Member

   Hi, I am still looking for solution, issue is not resolved

   Posted 1 year ago #
9. 

   Devin
   Moderator

   Hi Koss98,

   Do you have any other pages where this has occured?

   I'm not sure how that image of the start has been inserted into the page. Did you insert it into the visual editor and that is the effect that you got? I want to try and re-create it to see what is going on.

   Regards,

   Devin

   Posted 1 year ago #
10. 

    koss98
    Member

    I normally inserted it in visual editor, I do not have it on other pages.

    Posted 1 year ago #
11. 

    Ismael
    Moderator

    Hi koss98,

    Try adding this in your Quick CSS or custom.css:
    a:hover {
background: none!important;
}
    Hope this helps. :)

    Best Regards,
    Ismael

    Posted 1 year ago #
12. 

    koss98
    Member

    This style has two problems

    1. Even when you apply it you will see blue underline on the bottom of the image
    2. When you will hover on classic link it will become invisible

    So it does not solve the problem

    Posted 1 year ago #
13. 

    koss98
    Member

    Ok, I solved it myself, here is manual

    edit js/avia.js, after line 617 add this
    =================
    el.attr('class','hiddenhref');

    edit custom.css
    =================
    a.hiddenhref {
    border-bottom-style: none!important;
    }
    a.hiddenhref:hover {
    background: none!important;
    }

    Posted 1 year ago #
14. 

    koss98
    Member

    Ok, I have tried to implement it and this is second fix, this is definetely working correctly

    Ok, I solved it myself, here is manual
    edit js/avia.js, after line 616 add this
    =================
    el.attr('class','hiddenhref');
    edit custom.css
    =================
    a.hiddenhref {
    border-style: none!important;
    }
    a.hiddenhref:hover {
    background: none!important;
    border-style: none!important;
    padding: 0px!important;
    margin: 0px!important;
    }

    Posted 1 year ago #
15. 

    Dude
    Dude

    Hey!

    Thanks for sharing the solution.

    Best regards,
    Peter

    Posted 1 year ago #
16. 

    northerndelight
    Member

    Thanks for the solution.

    But now there is another problem:
    If I link to youtube.com or vimeo.com the link is apparently recognized as an image because it isn't underlined and becomes invisible when I move the mouse on it.
    The error message also confirmed that, when I click the link (Image can not be loaded).

    Here is an example:
    http://styve.de/?p=3031
    You will find the (invisible) link in the last paragraph, the words "2 Videos" are linked.

    I hope you can help us again.

    Thanx Holger

    Posted 1 year ago #
17. 

    Devin
    Moderator

    Hi northerndelight,

    I'm not really sure why its picking up that link and causing the issue. I'll ask the other support crew to take a look.

    In the mean time, you could try using the youtube shortlink instead of the http://www.youtube.com.... one as that might cause the script to pass over it and not recognize it as a video link.

    Regards,

    Devin

    Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.