[Skip to main content](#vessel-content)

#   Layout issue on account registration

##

- **[eriked](/forum/user/45544-eriked "View eriked's Profile")**
- [![eriked's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/45544-eriked "View eriked's Profile") Topic Author
- [ Offline](/forum/user/45544-eriked)

Less More

- Posts: 2
- Thank you received: 0
-
-

10 years 1 week ago [\#252440](#252440) by [eriked](/forum/user/45544-eriked "View eriked's Profile")  *[Layout issue on account registration](/forum/27-checkout/886913-layout-issue-on-account-registration#252440 "During the checkout process, customers need to register. At the Login or create a new account page there is a layout issue I am unable to solve. As you can see on either the website or attached...")* was created by *[eriked](/forum/user/45544-eriked "View eriked's Profile")*

During the checkout process, customers need to register. At the Login or create a new account page there is a layout issue I am unable to solve. As you can see on either the website or attached screenshot, the * for mandatory fields in the registration part is displayed at the wrong position. If you look at the Address Information part below this, the * is displayed at the correct position.

If I look at the html, I see that the lower correct part has this:
&lt;span class="hikashop_field_required"&gt;*&lt;/span&gt;
And the top part only this
*

- [ ![hikashoplayoutissue.jpg](/forum/attachment/33972) ](/forum/attachment/33972 "...ayoutissue.jpg") [ ](/forum/attachment/33972?download=1 "...ayoutissue.jpg")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0Lzg4NjkxMy1sYXlvdXQtaXNzdWUtb24tYWNjb3VudC1yZWdpc3RyYXRpb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Philip](/forum/user/34318-philip "View Philip's Profile")**
- [![Philip's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar34318_2015-11-18-2.png)](/forum/user/34318-philip "View Philip's Profile")
- [ Offline](/forum/user/34318-philip)

Less More

- Posts: 4820
- Thank you received: 654
-
-

10 years 1 week ago -  10 years 1 week ago [\#252444](#252444) by [Philip](/forum/user/34318-philip "View Philip's Profile")  Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[Layout issue on account registration](/forum/27-checkout/886913-layout-issue-on-account-registration#252444 "During the checkout process, customers need to register. At the Login or create a new account page there is a layout issue I am unable to solve. As you can see on either the website or attached...")*

Hello,

In order to correct this kind of display issue, you can edit the frontend.css in order to custom it.
See this, [ **here**](https://www.hikashop.com/support/documentation/272-hikashop-display-by-color.html#custom) to learn how to create a **frontend\_custom.css**.

Maybe a this kind of css code can solve your display issue : Code:

span.hikashop_field_required { margin-bottom: Xpx }

Hope this will help you.

Regards

Last edit: 10 years 1 week ago by [Philip](/forum/user/34318-philip "View Philip's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0Lzg4NjkxMy1sYXlvdXQtaXNzdWUtb24tYWNjb3VudC1yZWdpc3RyYXRpb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[eriked](/forum/user/45544-eriked "View eriked's Profile")**
- [![eriked's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/45544-eriked "View eriked's Profile") Topic Author
- [ Offline](/forum/user/45544-eriked)

Less More

- Posts: 2
- Thank you received: 0
-
-

10 years 1 week ago [\#252693](#252693) by [eriked](/forum/user/45544-eriked "View eriked's Profile")  Replied by *[eriked](/forum/user/45544-eriked "View eriked's Profile")* on topic *[Layout issue on account registration](/forum/27-checkout/886913-layout-issue-on-account-registration#252693 "During the checkout process, customers need to register. At the Login or create a new account page there is a layout issue I am unable to solve. As you can see on either the website or attached...")*

Hi Philip,

Thanks for the advice. However, this has only effect on the part that is already working correctly.(the custom hikashop fields like city, adress, ... The part that is displayed wrong is the top part with username, email, password.

Kind regards,
Erik

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0Lzg4NjkxMy1sYXlvdXQtaXNzdWUtb24tYWNjb3VudC1yZWdpc3RyYXRpb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Philip](/forum/user/34318-philip "View Philip's Profile")**
- [![Philip's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar34318_2015-11-18-2.png)](/forum/user/34318-philip "View Philip's Profile")
- [ Offline](/forum/user/34318-philip)

Less More

- Posts: 4820
- Thank you received: 654
-
-

10 years 6 days ago -  10 years 6 days ago [\#252745](#252745) by [Philip](/forum/user/34318-philip "View Philip's Profile")  Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[Layout issue on account registration](/forum/27-checkout/886913-layout-issue-on-account-registration#252745 "During the checkout process, customers need to register. At the Login or create a new account page there is a layout issue I am unable to solve. As you can see on either the website or attached...")*

Hello,

So why use a **more precise selector** like in this example :
Code:

&lt;div class="Grand-parent"&gt; &lt;div class="parent1"&gt; &lt;input class="address"&gt; &lt;input class="address_city"&gt; &lt;input class="country"&gt; &lt;/div&gt; &lt;div class="parent2"&gt; &lt;input class="name"&gt; &lt;input class="mail"&gt; &lt;input class="password"&gt; &lt;/div&gt; &lt;/div&gt;

In this kind of situation, your **selector** can be write like this : Code:

div.Grand-parent div.parent2 input { CSS COMMAND: VALUE }

This kind of way to create your selector able you to add a Css command **ONLY** on input displaying **in div.parent2**.

Hope this will help you

Regards

Last edit: 10 years 6 days ago by [Philip](/forum/user/34318-philip "View Philip's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0Lzg4NjkxMy1sYXlvdXQtaXNzdWUtb24tYWNjb3VudC1yZWdpc3RyYXRpb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

Board Categories HikaShop- Install &amp; Update- Product &amp; Category Display- Content Creation- Sales and Orders- - Orders management- - Reports &amp; Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import &amp; Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel &amp; Slider- - Mass Actions- - Filters &amp; Search- - Discount &amp; Coupon- - Feature Request- Integrations- Showcase- General Talk about HikaShop- Development- - HikaShop 3.0 Beta- Translation- Commercial Jobs HikaShop Components- HikaMarket- - Market: Feature requests- - Market: How to?- - Market: Bug Report- HikaSerial- - General talk about HikaSerial- - Serial: Bug Report- - Serial: How to?- - Support en Français de HikaSerial (French Support)- - HikaSubscription- HikaAuction- - Auction: Feature requests- - Auction: How to?- - Auction: Bug report Hikashop around the world- Support en Français (French Support)- Russian- - FAQ. Курс выживания с Hikashop. Частые вопросы и о- - Расширения Hikashop- - Наши сайты на Hikashop- 日本語版サポート(Japanese Support)- Thai- German Archives- Bug Report- How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.252 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)

[](#top)
