| ||||||||||
Shopping cart software Solutions for online shops and malls | ||||||||||
|
X-Cart Home | FAQ | Forum rules | Calendar | User manuals | Login |
Need to adjust position of cat icons. | |||
|
|
Thread Tools | Search this Thread |
#1
|
|||||||
|
|||||||
Need to adjust position of cat icons.
The default category icons are tiny - only 16 x 16, so I set them to 32 x 32 by editing /include/func/func.image.php. The problem then, was that the icons overlapped the category names so I then edited /skin/common_files/modules/Flyout_Menus/Icons/main.css - 'padding-left: 36px;'.
All is good except the icons are a little low, relative to the text. I need to raise them up a few points. Element Inspector shows the icon details: .fancycat-icons-e img top: auto; margin-top: 0.3em; Deselecting the check box next to either of these, or adjusting the margin-top value will adjust the vertical axis. Question is, where to find this parameter? Which file, which line? How would I locate this via Inspector? Thanks in advance.
__________________
4.7.7 Light Responsive |
|||||||
#2
|
|||||||||
|
|||||||||
Re: Need to adjust position of cat icons.
The css class:
fancycat-icons-e img is in the file: skin/common_files/modules/Flyout_menus/icons/main.css
__________________
Paul Dodman e-business & m-commerce consultant w: www.luminointernet.com e: xcart@luminointernet.com Professional X-Cart help, advice, support and services, specialists in Mobile X-Cart. |
|||||||||
|
#3
|
|||||||||
|
|||||||||
Re: Need to adjust position of cat icons.
I think matching the "line-height" attribute with the actual height of menu items may help.
__________________
Alex Solovev, Qualiteam --- User manual Video tutorials X-Cart FAQ You are welcome to press "Thanks" button if you find this post useful Click here to learn how to apply patches X-Cart Extensions |
|||||||||
|
#4
|
|||||||
|
|||||||
Re: Need to adjust position of cat icons.
Thank you. I had found this and made adjustments but I thought I was doing something wrong. The vertical position changes as needed but the background to the category text becomes corrupted.
Large numbers of small arrows appear all around those category names that have sub-categories. This does not occur at the categories with no sub-categories. Here, I changed 'top:' '0', to '2' which set the vertical just right. .fancycat-icons-e img { position: absolute; top: 2; left: 0; padding: 0; margin: 0; I regenerated images - but still corrupted category text. Adjusting line-height, row 121, unfortunately does not do anything. ... changing 'position: absolute;' to 'position: relative;' fixes the corrupted text, but now the image and text are moved over to the right and the veritical space is much too wide. .
__________________
4.7.7 Light Responsive |
|||||||
#5
|
|||||||||
|
|||||||||
Re: Need to adjust position of cat icons.
What is your site URL so that we could look at it?
__________________
Alex Solovev, Qualiteam --- User manual Video tutorials X-Cart FAQ You are welcome to press "Thanks" button if you find this post useful Click here to learn how to apply patches X-Cart Extensions |
|||||||||
|
|
|||
X-Cart forums © 2001-2020
|