How not to leave buttons to like and share below the product image?

Asked

Viewed 154 times

1

I am unable to leave below the detail text of my product buttons like and share, they are being moved down the photo of the product on the left. I tried to change the size of the product image div, but it didn’t work, see the div and its formatting:

<div class="three-fourths">
...
</div>

.three-fourths {
    width: 60.5%;   
    max-width: 700px;   
}

The div of the detail text and its formatting:

<div class="one-fourth-pers column-last">
...
</div>

.one-fourth-pers {
    width: 40.5%;
    float:left; 
    /*max-width: 220px;*/
}

.column-last { 
    margin-right: 0 !important;
}

An example:

Details

css

1 answer

1


I see you have three Ivs

<div class="three-fourths"><!--Imagem--></div>
<div class="one-fourth-pers column-last"><!--Descrição--></div>
<div class="fb-like fb_iframe_widget"><!--FaceBook--></div>

All you need to do is move the div "Facebook" into the div "Details", more precisely at the end of it.

<div class="three-fourths"><!--Imagem--></div>
<div class="one-fourth-pers column-last">
    <!--Descrição-->
    <div class="fb-like fb_iframe_widget"><!--FaceBook--></div>
</div>

  • Hello @Tobymosque, for those who understand the subject I get all very easy even, thanks for the excellent help.

Browser other questions tagged css

You are not signed in. Login or sign up in order to post.