Vendor Control Panel CSS issue

-- url of the page with the problem -- : www.bsatroop405nh.org/index.php/control-panel
-- HikaShop Essential: 2.2.1
-- Joomla version -- .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?

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,

Where will I find the HikaMarket CSS

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,

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

Hi,

Here the css code in HikaMarket: Regards,

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;
}