Jump to content

Change from horizontal to vertical


ruchit.devil
 Share

Recommended Posts

it's a non-default theme so it's hard to say what you have to change, moreover, the question is:

you want to change product view only for home featured module? or for other pages like category view too?

Share this post


Link to post
Share on other sites

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)

Share this post


Link to post
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;

}

Share this post


Link to post
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

Share this post


Link to post
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;">

Share this post


Link to post
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

Share this post


Link to post
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
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More