Registration Panel overlaying right column

  • Posts: 137
  • Thank you received: 2
11 years 6 months ago #101788

When a client goes to the checkout without being logged in, he is presented a screen from where he can choose to registrate or to sign in. This screen does not fit into a three-column Joomla page, as it spans the center column AND part of the right comlumn. What can I do to make this fit?

I have included a screenshot to depict the problem:

Attachments:

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
11 years 6 months ago #101830

You can move the registration box below the login box:
www.hikashop.com/en/support/documentatio...tml#registration_box

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

  • Posts: 137
  • Thank you received: 2
11 years 6 months ago #101836

hmmm... I followed the referenced instruction and removed the "float: left" of ".hikashop_checkout_login_right_part" in the front-end CSS (selection is on custom). This did a very slight change, i.e. the right box top corner is now slightly higher thatn the left box top. Otherwise no change, even after clearing the cache. Is there another place to make a change?

This is what it looks like now:

Attachments:
Last edit: 11 years 6 months ago by 1fcb.

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

  • Posts: 13201
  • Thank you received: 2322
11 years 6 months ago #101954

Hi,

Can you try to add the "display: block;" property on the divs ?

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

  • Posts: 137
  • Thank you received: 2
11 years 6 months ago #102131

where would I do that? Also as property under .hikashop_checkout_login_right_part ? If yes, it di not change anything...?

Last edit: 11 years 6 months ago by 1fcb.

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

  • Posts: 137
  • Thank you received: 2
11 years 6 months ago #102134

got it... your user documentation is wrong... instead of removing the float:left from .hikashop_checkout_login_right_part, it must be removed from .hikashop_checkout_login_left_part

you have a job opening for a tester I can apply :laugh: ?

Joke aside... as you see on the screenshot: on the smaller log-in panel, there is a list of two options, asking for forgot PW or forgot UserID. Somehow my style sheet tries to place a fat square bullet in front of both list entries, and starts with the text right next to the log-in button... it looks just awful. Can you point me to the place, where I can remove the bullets and move the text below the button?

Thanks a lot!

Last edit: 11 years 6 months ago by 1fcb.

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
11 years 6 months ago #102206

That is done by the CSS of your template.

You can remove the CSS code:
.art-post ul li, .art-post ol ul li {
background-image: url('../images/postbullets.png');
background-repeat: no-repeat;
padding-left: 14px;
}

from die-besten-weine-der-welt.de/templates/v..._v1/css/template.css to remove these white squares.

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

Time to create page: 0.093 seconds
Powered by Kunena Forum