Messed up layout

Ch3vr0n
Topic Author
Offline

12 years 3 months ago - 12 years 3 months ago #162712 by Ch3vr0n

Messed up layout was created by Ch3vr0n

-- HikaShop version -- : latest
-- Joomla version -- : 3.3.1
-- PHP version -- : 5.3.28
-- Template: Self-designed artisteer template 1200px width
-- cart module display: art-vmenu

Image will tell it all. Using front-end "Blue" css style. Messed up cart module & category display

* amount box exceeds module cart width
* amount box overlaps login module

Attachment not found

without front-end css style

* amount box still overlaps cart module width

Attachment not found

Last edit: 12 years 3 months ago by Ch3vr0n.

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

nicolas
Offline

12 years 3 months ago #162714 by nicolas

Replied by nicolas on topic Messed up layout

The problem is coming from your template CSS which forces the quantity fields to be big.
You'll have to modify it to avoid that.

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

Ch3vr0n
Topic Author
Offline

12 years 3 months ago - 12 years 3 months ago #162798 by Ch3vr0n

Replied by Ch3vr0n on topic Messed up layout

I"ve attached the template.css file. couldn't see anything specific

Attachment not found

currently the width is set to "automatic" in artisteer. I can provide the template if need be

Last edit: 12 years 3 months ago by Ch3vr0n.

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

Xavier
Offline

12 years 3 months ago #162804 by Xavier

Replied by Xavier on topic Messed up layout

Hi,

Here is some documentation which explains how to customize the layout:
hikashop.com/support/support/documentati...ize-the-display.html

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

Ch3vr0n
Topic Author
Offline

12 years 3 months ago - 12 years 3 months ago #162910 by Ch3vr0n

Replied by Ch3vr0n on topic Messed up layout

MmI'll look it over later going to bed, but the thing is I dying understand why it's happening in the first place. With the width set to automatic if shouldn't even happen. The amount field exceeding the middle width that is. I'd be happy to set you up an su account later today or did the entire terminate p template zip

Last edit: 12 years 3 months ago by Ch3vr0n.

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

Mohamed Thelji
Offline

12 years 3 months ago #162928 by Mohamed Thelji

Replied by Mohamed Thelji on topic Messed up layout

Hello,
A link to the page where you are having your issue will be enough if you want us to directly test it through your website.

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

Ch3vr0n
Topic Author
Offline

12 years 3 months ago #163012 by Ch3vr0n

Replied by Ch3vr0n on topic Messed up layout

a link i cannot give yet as the site is still in developpment and has to stay private until launch. If you can pm me an email address. I'll give the link and set up an su useraccount

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

nicolas
Offline

12 years 2 months ago #163027 by nicolas

Replied by nicolas on topic Messed up layout

Please use our contact form in order to provide that with a link to this thread:
www.hikashop.com/contact-us.html

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

Ch3vr0n
Topic Author
Offline

12 years 2 months ago #163334 by Ch3vr0n

Replied by Ch3vr0n on topic Messed up layout

link and superuser login was provided a little over a day ago via mail.

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

nicolas
Offline

12 years 2 months ago #163441 by nicolas

Replied by nicolas on topic Messed up layout

Hi,

I check personally all the requests coming in from our contact form but didn't receive anything from you.
Please send it again.

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

Ch3vr0n
Topic Author
Offline

12 years 2 months ago - 12 years 2 months ago #163447 by Ch3vr0n

Replied by Ch3vr0n on topic Messed up layout

was sent in the same mail as the update nl language file

but no worries i'll send it again. Notification that the account was created was at the bottom of the mail set to you [HIKASHOP LANGUAGE FILE] nl-NL dated: 5/7/2014 16:21hrs.

joomla should have mailed you directly at nicolas @ hikashop. Details have been sent via contactform

Last edit: 12 years 2 months ago by Ch3vr0n.

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

nicolas
Offline

12 years 2 months ago #163571 by nicolas

Replied by nicolas on topic Messed up layout

Hi,

so the problem comes from the CSS:

Code:

input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea {
width: auto;
padding: 8px 0;
color: #15253C !important;
font-size: 14px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
text-shadow: none;
}

of the template CSS file templates/soliweb/css/template.css
If you remove the width: auto; line there, it should then display the input fields properly.

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

Ch3vr0n
Topic Author
Offline

12 years 2 months ago #163576 by Ch3vr0n

Replied by Ch3vr0n on topic Messed up layout

Confirmed. Weird, guess i'll have to take this bug up with the people of artisteer. I didn't configure anything input box wise on the template, but I always thought auto wouldn't make it any bigger than it needed to be. Not oversize it like that.

Thx for finding it for me. That's 1 issue of the list

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

Ch3vr0n
Topic Author
Offline

12 years 1 month ago #168267 by Ch3vr0n

Replied by Ch3vr0n on topic Messed up layout

so they responded a while back but i didnt update their "solution" here

This is what they said

by some reasons, "width: auto" conflicts with the input fields provided by the plug-in.
As I've found out, the plug-in sets a fixed width for quantity fields.
So, instead of deleting "width: auto" property that can be used in other parts of the template, you can add the following code to the end of your template.css file:

.hikashop_product_quantity_field {
width: 25px !important;
}

The plug-in developers should also include some code overwrites in the plug-in's code to avoid such situation.

Is there something that can be done?

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

Xavier
Offline

12 years 1 month ago #168271 by Xavier

Replied by Xavier on topic Messed up layout

Hi,

This is something that you can do.
We can't include this kind of code by default in HikaShop because it is very dependent of the template.

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

Ch3vr0n
Topic Author
Offline

12 years 1 month ago #168379 by Ch3vr0n

Replied by Ch3vr0n on topic Messed up layout

is 25pix wide enough for all possible uses of the quantity field, because if i add this i'm hesitant it will affect the backend as well, since input type: text is also used on the backend forms

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

nicolas
Offline

12 years 1 month ago #168402 by nicolas

Replied by nicolas on topic Messed up layout

The template.css file of your template is only used for the frontend pages so no problem with the backend

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

Ch3vr0n
Topic Author
Offline

12 years 1 month ago #168468 by Ch3vr0n

Replied by Ch3vr0n on topic Messed up layout

Well that only leaves the other part of the question left then. Is 25px, 'good' enough for all possible uses in hikashop or would you recommend a different value?

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

Xavier
Offline

12 years 1 month ago #168469 by Xavier

Replied by Xavier on topic Messed up layout

Hi,

25px should be enough, it really depends on your needs, etc.

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

Time to create page: 0.339 seconds