Jump to content

Change from horizontal to vertical


ruchit.devil

Recommended Posts

Do you mean with 'view', that you want the button to be rotated 90 degrees??

 

If so, try this:

 

Add to themes/<your theme="" folder="">/css/global.css (just add at the end)

 

div.yotpo-testimonials yotpo-testimonials-btn {

-webkit-transform: rotate(-90deg);

-moz-transform: rotate(-90deg);

-o-transform: rotate(-90deg);

/* IE */

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

top: 140px;

}

 

Hope I understood the question...

 

My 2 cents,

pascal</your>

Edited by PascalVG
forgot - sign in front of 90 :[ (see edit history)
Link to comment
Share on other sites

this css are located on remote yatpo site

add this to global.css file !important tag will surely effect

.yotpo-testimonials yotpo-testimonials-btn {

transform: rotate(90deg) !important;");

-webkit-transform: rotate(90deg);

-moz-transform: rotate(90deg);

-o-transform: rotate(90deg);

margin-left:47px;

/* HACK IE */

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

top: 140px IE;

}

Link to comment
Share on other sites

no no see the css of that module are located on remote yatpo server..tag (!important ) after css must work in this case..

add the css which i gave u on global .css use Mozilla developer tool to find out the css we added are working or not..

untick the css from yatpo..wen u do that.make sure the css on global gets active..now we have to add !important to all like example

 

.yotpo-testimonials yotpo-testimonials-btn {

transform: rotate(90deg) ! important ;

-webkit-transform: rotate(90deg) ! important;

-moz-transform: rotate(90deg) ! important;

-o-transform: rotate(90deg) ! important ;

even if this is not working either we have to change Div 's or add inline css

Link to comment
Share on other sites

add this on tpl file yatpo testimonials

 

inline css 100% tested

 

<div class="yotpo-testimonials yotpo-testimonials-btn" style="top: 226px; left: -8px; transform: rotate(270deg); -webkit-transform: rotate(270deg) ;

-moz-transform: rotate(270deg) ;

-o-transform: rotate(270deg) ;z-index: 10000;">

 

 

jiten can you tell me the exact file name because there are 5 .tpl files in yotpo folder.

bottomLineDiv.tpl

conversionImage.tpl

registrationForm.tpl

settingsForm.tpl

widgetDiv.tpl

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...