CSS fixes (where?)

sohopub
Autore della discussione
Offline
Nuovo Utente

Di più

9 Anni 6 Mesi fa #2041 da sohopub

CSS fixes (where?) è stato creato da sohopub

Hi,

I am trying to fix a few display issues with this otherwise brilliant component.

Running Joomla 3.3.1 with Rockettheme Template and Gantry.
www.knitclique.com/index.php/free-patterns

The problems that I am having are:

1) the tag filter looks great in Safari and Chrome but is looks like absolute crap in Firefox. The options tab fields are too small for the default font.(see attached images) I'm not finding where I can fix that. Suggestions?

2) When you choose an option from the lists the highlight/hover font is readable but the static font is always white. Again I've spent hours looking all over the place for any css options here in this forum and have searched the files but between all of the folders etc that run this I can't find where and how to fix it.

3) how can I add some padding between the search box and the "search" button?

Your help would be greatly appreciated.

Thank you.

Si prega Accesso o Crea un account a partecipare alla conversazione.

andrea_4g
Offline
Amministratore

Di più

9 Anni 6 Mesi fa #2042 da andrea_4g

Risposta da andrea_4g al topic CSS fixes (where?)

1) the solution to the dropdown abnormal padding, that masks part of the text, is here:
solidsystem.it/forum/custom-properties-3...module-css.html#2038

2) to change the color of the options of the dropdown (white-on-white), you need to edit the rule at line 162 of file media/jui/css/chosen.css
original:

Code:

.chzn-container .chzn-results li.active-result {
  cursor: pointer;
  display: list-item;
}

modified:

Code:

.chzn-container .chzn-results li.active-result {
  color: #333;
  cursor: pointer;
  display: list-item;
}

or you can just add the following rule to your template

Code:

.chzn-container .chzn-results li.active-result {
  color: #333;

3) to add some space between dropdowns and search button, you can add the following rule to your template:

Code:

.cp-auto-submit {
  margin-top: 10px;
}

I seguenti utenti hanno detto grazie : sohopub

Si prega Accesso o Crea un account a partecipare alla conversazione.

sohopub
Autore della discussione
Offline
Nuovo Utente

Di più

9 Anni 6 Mesi fa #2043 da sohopub

Risposta da sohopub al topic CSS fixes (where?)

Great! Thank you.

I ended up going with

Code:

.chzn-container-multi .chzn-choices li.search-field input[type="text"] {
  margin: 3px ;
  
  height: 15px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #666;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
div.cpsearch li.search-field input[type="text"]{
	 padding: 0px 2px 0px 8px;

Si prega Accesso o Crea un account a partecipare alla conversazione.

Tempo creazione pagina: 0.124 secondi