Navigation
Archive / why is cornerstone image element centering itself when made a link?
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 6, 2017 at 11:44 am #1319079
    minyona
    Participant

    see next private post

    January 6, 2017 at 11:46 am #1319081
    minyona
    Participant
    This reply has been marked as private.
    January 6, 2017 at 2:07 pm #1319271
    Joao
    Moderator

    HI There,

    Please turn on the link and provide your url in order that we can help.

    Thanks

    Joao

    January 6, 2017 at 6:28 pm #1319504
    minyona
    Participant
    This reply has been marked as private.
    January 7, 2017 at 12:57 am #1319882
    Friech
    Moderator

    Hi There,

    That is because the side margins of image link is set to auto, they will divide the remaining space that the image did take up equally, resulting for the image to be in the center.

    You can add this on Custom CSS on Customizer to resolve the issue.

    a.x-img>img {
	margin-left: 0;
	margin-right: 0;
}

    Hope it helps, Cheers!

    January 9, 2017 at 10:46 am #1322601
    minyona
    Participant

    That worked. Now, with this on another site, the opposite is happening. making the image a link causes it to move to the left.

    January 9, 2017 at 10:47 am #1322605
    minyona
    Participant
    This reply has been marked as private.
    January 9, 2017 at 12:17 pm #1322715
    Rupok
    Member

    Hi there,

    It’s because you are using a plugin that creating extra div and adding this CSS :

    div.sw-pinit {
  display: table !important;
  line-height: 0;
  position: relative !important;
}

    You can add this CSS to override the CSS :

    .x-img div.sw-pinit {
  display: block!important;
}

    Hope this helps.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1319079 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>