Vendor Control Panel CSS issue

  • Posts: 7
  • Thank you received: 0
10 years 6 months ago #125504

-- url of the page with the problem -- : www.bsatroop405nh.org/index.php/control-panel
-- HikaShop Essential: 2.2.1
-- Joomla version -- :3.0.4
-- PHP version -- : 5.3.27



Looking at individual orders through HikaMarket the text is running over top of itsself (missing CSS?) I would like it to look the same as in the Admin backend in hikashop. Can you help?

Attachments:

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

  • Posts: 26007
  • Thank you received: 4004
  • MODERATOR
10 years 6 months ago #125505

Hi,

It looks like a CSS conflict between the HikaMarket CSS and your template CSS.
HikaMarket uses "dl / dt / dd" to create the two column blocks and it specify a size for the "dt" (the title) and the "dd" (the content).
I suppose that the width of the title is higher that the padding of the content, that's why the title text is "under" the content (text is aligned right).

The best is to modify the HikaMarket css (by overriding it) in order to set "!important" to some rules so the HikaMarket rule will be the one used.
www.hikashop.com/support/documentation/1...ize-the-display.html

I can test myself your website because I don't have an access. But I think your modification can be interesting for other HikaMarket users so including your fix into the default css file could be a good thing.

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 7
  • Thank you received: 0
10 years 6 months ago #125511

Where will I find the HikaMarket CSS

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

  • Posts: 26007
  • Thank you received: 4004
  • MODERATOR
10 years 6 months ago #125512

Hi,

Right, the feature is not yet available in the current package.
You can find the HikaMarket CSS file in the folder "media/com_hikamarket/css/frontend_default.css"

Like HikaShop and his override system, HikaMarket will have in the next release the same kind of editing feature in his configuration panel.

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 7
  • Thank you received: 0
10 years 6 months ago #125514

What is pushing dt to the right? it has a float left and overflow hidden...

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

  • Posts: 26007
  • Thank you received: 4004
  • MODERATOR
10 years 6 months ago #125529

Hi,

Here the css code in HikaMarket:

dl.hikam_options > dt {
  float: left;
  clear: left;
  font-weight: bold;
  padding: 5px;
  width: 120px;
  text-align: right;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

dl.hikam_options > dd {
  margin-left: 130px;
  padding-top: 4px;
  padding-bottom: 4px;
  line-height: 20px;
  min-height: 20px;
}
Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 7
  • Thank you received: 0
10 years 6 months ago #125711

Here is my solution. I would still like to see dt move to the left within the box so there is more room for dd, but at least now I can see everything. thank-you.

dl.hikam_options > dt {
float:left;
clear:left;
font-weight:bold;
padding:5px;
width:120px;
text-align:right;
line-height:18px;
margin-right:80px !important;
overflow:visible !important;
text-overflow:ellipsis;
white-space:nowrap;
}

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

Moderators: Obsidev
Time to create page: 0.079 seconds
Powered by Kunena Forum