Move "Next" button on the right?

  • Posts: 156
  • Thank you received: 0
6 years 7 months ago #290823

-- HikaShop version -- : 3.3.2
-- Joomla version -- : 3.8.6
-- PHP version -- : 5.6

Ho can I move the NEXT button and also the Convert cart in wishlist button, on the right?

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 82868
  • Thank you received: 13375
  • MODERATOR
6 years 7 months ago #290827

Hi,

There is no such interface as far as I know. It looks like either an old interface or a customized one.
So I'm not sure which page you're talking about.
But it's probably easy to do with a bit of CSS.
Here we have some documentation which explains how to find the class to use for your CSS and how to modify the CSS of HikaShop:
www.hikashop.com/support/documentation/1...ize-the-display.html

Please Log in or Create an account to join the conversation.

  • Posts: 156
  • Thank you received: 0
6 years 7 months ago #290914

nicolas wrote: Hi,

There is no such interface as far as I know. It looks like either an old interface or a customized one.
So I'm not sure which page you're talking about.
But it's probably easy to do with a bit of CSS.
Here we have some documentation which explains how to find the class to use for your CSS and how to modify the CSS of HikaShop:
www.hikashop.com/support/documentation/1...ize-the-display.html



Do you know where is the css class to change or where can I add the "right align"?

Please Log in or Create an account to join the conversation.

  • Posts: 82868
  • Thank you received: 13375
  • MODERATOR
6 years 7 months ago #290935

Hi,

As explained in the link I gave you, you can check the HTML of the area you want to move with the developer tools of your browser. There, you'll be able to easily find the class you want to use in your custom CSS.
The link also explains where you can add the custom CSS you'll want to add.
I can't say anything more precise. Otherwise, I would need you to provide information on how to look myself at that page on your website to do what I described above with the developer tools on my browser.

Please Log in or Create an account to join the conversation.

  • Posts: 156
  • Thank you received: 0
6 years 7 months ago #290976

nicolas wrote: Hi,

As explained in the link I gave you, you can check the HTML of the area you want to move with the developer tools of your browser. There, you'll be able to easily find the class you want to use in your custom CSS.
The link also explains where you can add the custom CSS you'll want to add.
I can't say anything more precise. Otherwise, I would need you to provide information on how to look myself at that page on your website to do what I described above with the developer tools on my browser.


I've identified these lines:
class="hikashop_cart_button" id="hikashop_checkout_next_button"
class="hikashop_cart_button" id="hikashop_checkout_shopping_button"

I add:
a.hikashop_cart_button {
text-align: right;
}


But nothing is changed

Please Log in or Create an account to join the conversation.

  • Posts: 82868
  • Thank you received: 13375
  • MODERATOR
6 years 7 months ago #290978

Hi,

Your CSS is not correct.
Your CSS will move the text of the button to the right inside the button.
Try with that instead:
a.hikashop_cart_button {
float: right;
}
However, that's just part of it. This might have other implications and affect other buttons or it might not be that element on which you need to apply the float, or it might require some other kind of CSS code.
Again, without looking at the page myself with the developer tools, I can only guess.

Please Log in or Create an account to join the conversation.

Time to create page: 0.068 seconds
Powered by Kunena Forum