How to edit default theme css in v1.6

[kevkev03]

i have some question regarding the default theme customization, im using version 1.6.1.5

1. how to get rid of this small empty space? or if i can extend the other menu width, please tell me where to edit it

 

2. how to change the color of the cart button and the top menu?

 

thanks again

Edited April 25, 2016 by kevkev03 (see edit history)

[shokinro]

first of all, it is better that you have more details in your message Subject so that more members will be able to help.

 

for 1.

It is from a module called Top Horizental Menu, you will need to look into theme files (.tpl) and css file under following folder

/modules/blocktopmenu/

/themes/default-bootstrap/modules/blocktopmenu/

 

for 2 it is following files

/modules/blockcart/

/themes/default-bootstrap/modules/blockcart/

 

[kevkev03]

sorry for the misleading title, so i have to edit both module for it to takes effect?

[shokinro]

Yes, they are come from different modules. 

I guess you will need to tweak both module CSS files to adjust it.

[kevkev03]

currently I'm editing the first one, I have some question again

how to remove the vertical line in that red box? and can i resize that last menu padding only without affecting the other menu?

[shokinro]

I think you have to look into the CSS file of the module that controls the menu style.

 

/themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css

[kevkev03]

I can't seems find the css for that vertical line, all i found is the border bottom

edit:

i found it, but it change all the topmenu vertical line while i only want to remove the last vertical line in the right side 

Edited April 26, 2016 by kevkev03 (see edit history)

[smuch]

you have a very useful plugin on firefox : http://getfirebug.com/

 

right clic on what you want to change > inspect the element with firebug and it gives you the path of files you have to make the modifications

[OpenSource Expert]

You can get rid of small empty space by defining css for each li of supperfish menu as:

 

.sf-menu > li  => define width of each li then it can be possible

 

file name to change css as: themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css

[OpenSource Expert]

for changing top menu background color here as:

 

themes/default-bootstrap/css/global.css

 

line number: 5744

 

header .nav 

 

To change the background color of cart please changge background color as:

 

themes/default-bootstrap/css/modules/blockcart/blockcart.css

 

line number: 30 

 

.shopping_cart > a:first-child

[massimomassimo]

Hi, I could change following your indication, thank you.

Where is the hover color of the dropdown menu' (I attached example).

I try inspect element with the browser but I could not find out the file/position.

Thank you

[cyberflix]

I have recently started a site where I post tutorials to install a movie app cyberflix tv on iphone but the theme was super compatible with android devices whereas the iOS devices are not rendering the theme and the pages well. What might be the issue? how can i resolve it? thanks in advance.

PS: I have tried the guides provided above but not working for my theme.

PPS: Please let me know if I have to change the theme and make changes with any other theme to resolve the issue.

Thanks & Regards,

John behind Cyberflix.