Ajustar colores de fuente

Hello calamuchitaportatil,

My Spanish is very rusty, but I think I understood the problem that you are facing. If you mean the inability to assign custom colors in the annasta Filters section of WordPress Customizer when using the OceanWP theme, it is a known issue: your theme’s script resets the color values in the settings of our filters.

For now the only workaround for this problem is to temporarily activate another theme (Storefront or one of the WordPress standard themes will do), go to the Customizer, and set all the needed filters’ colors while another theme is active, push the Publish button, and re-activate the OceanWP theme after that. Hope this helps!

Perfecto, voy a probar de esa manera y luego te cuento como resultó.
Muchas gracias por la rápida respuesta.

Hola, funcionó perfecto lo que me indicaste, gracias.
Me queda resolver un problema más, es poder cambiar los colores de fuente y fondo a los resultados de búsquedas instantáneos, porque me queda blanco sobre blanco.
Puedes verlo en https://www.calamuchitaportatil.com.ar.

Saludos y buen comienzo de a?o.

Hello calamuchitaportatil,

And Happy New Year to you as well!

I checked your page, and your problem doesn’t seem to be caused by a simple color conflict, it is the theme incompatibility issue. If you want to try to resolve it, follow these steps:

1. Download and unzip this archive.
2. Via FTP, or any kind of File Manager go to the …/wp-content/plugins/annasta-woocommerce-product-filters/code/themes-support folder of your site, and rename the oceanwp.php file to something like oceanwp-backup.php, then upload the file unzipped in step 1 to the same folder.
3. (optionally) Go to Appearance > Customize > Additional CSS and paste the following code into the box:

.awf-filter-container.awf-product-search-container .awf-product-search-autocomplete-container {
    border-right: none;
    border-left: none;
}
.woocommerce.awf-autocomplete-products-container { background: black; }

Please let me know if this helps resolve the autocomplete issue.

Hola, cambiando el archivo oceanhp.php se me cambió el texto a negro con el texto en negro y cuando me posiciono sobre un resultado, pasa a fondo blanco con texto en negro.
Si en cambio agrego el codigo CSS, se me pasa el fondo a negro con el texto en negro y cuando me posiciono sobre un resultado texto blanco sobre fondo blanco.
Haciendo ambas cosas me queda como se ve actualmente mi sitio.
Yo en definitiva lo que necesito es texto blanco sobre fondo negro y cuando me posiciono en un resultado que el texto pase a azul sobre fondo negro.
También necesito que cuando selecciono el texto se me marque con fondo blanco y texto en negro.
Trabajo sobre un tema hijo, por lo cual prefiero agregar código CSS, para no tener inconvenientes en futuras actualizaciones.
Está implementado en el sitio definitivo https://www.calamuchitaportatil.com.ar.

Agradezco mucho tu tiempo.
Saludos.

Hello again calamuchitaportatil,

I can see on your page that the main problem with the product name not being shown in the search box autocomplete has been fixed.

As for the custom CSS that I gave you, it was only to help you, and obviously completely optional. You can put it (or not!) anywhere you like, including the style.css file of your child theme.

I do hope that the Google translate did a decent job of translating your message, and I am sure you appreciate the fact that I can’t make CSS fine-tuning for your site on this forum, but if you like, try these few CSS rules to make things in your autocomplete box show:

.awf-filter-container.awf-product-search-container .awf-product-search-autocomplete-container ul.products li.product:hover {
    background: #000000;
}

.awf-filter-container.awf-product-search-container .awf-product-search-autocomplete-container ul.products li.product a.woocommerce-LoopProduct-link > h2 {
    color: white;
}

.awf-filter-container.awf-product-search-container .awf-product-search-autocomplete-container ul.products li.product a.woocommerce-LoopProduct-link:hover > h2 {
    color: #0000ff;
}

If I were you, I would also add this one to get rid of the unneeded right and left border:

.awf-filter-container.awf-product-search-container .awf-product-search-autocomplete-container {
    border-right: none;
    border-left: none;
}

Best regards!

Nuevamente muchas gracias por la rápida respuesta.
Hasta ahora yo venía agregando los códigos CSS en la personalización del tema y no me funcionó lo último que me pasaste, pero descubrí que poniéndolo en la pesta?a CSS del plugin si funcionaba. Eso si, en combinación con el archivo oceanwp.php que me pasaste anteriormente. Mi pregunta es, si en la próxima actualización del plugin, se va a mantener ese archivo tal como me lo pasaste, sino dejaría de funcionar esa personalización.
Por último dos cosas más en cuanto al dise?o. La primera es que al seleccionar el texto ingresado, me gustaría que aparezca con fondo blanco y texto azul y la segunda es que cuando escribo en el cuadro de búsqueda me aparece una línea debajo del cuadro, quisiera que no aparezca.
Y una más es, si es posible que a medida que escribo me vayan apareciendo las coincidencias con búsquedas anteriores.

Dear calamuchitaportatil,

The OceanWP autocomplete adjustment will be added to the next plugin release, so you don’t have to worry about the update.

As for the previous searches appearing below the search box while typing, this functionality is only available (depending on the browser) when you disable the autocomplete. The autocomplete box itself does not support this.

Going back to the CSS adjustments, to remove the line below the search box, you can add something like that to your custom CSS code:

.awf-filter-container.awf-product-search-container .awf-product-search-autocomplete-container {
    border-bottom: none;
}
.awf-filter-container.awf-product-search-container .awf-product-search-autocomplete-container .awf-s-autocomplete-view-all-container {
    margin: 0 -10px;
    border-bottom: 2px solid #eeeeee;
}

I am not sure that I get what you mean by the “when selecting the text entered, I would like it to appear with a white background and blue text”, but if you refer to some kind of design customization aspect, I hope you understand that while we always do our best to provide our users with fixes and functionality tweaks, we can not possibly offer any full-scale design customization help on this forum.

Hola, ante todo quiero agradecerte toda la ayuda que me has brindado.
Se solucionó el tema de la línea inferior.
Con respecto al “seleccionar el texto”, es si hago doble click a un texto dentro del cuadro de búsqueda, queda seleccionado o sombreado, pero con la configuración actual no me doy cuenta si está marcado.
De cualquier manera, entiendo lo que me decís sobre el soporte, y no pretendo robarte más tiempo con temas de personalización, salvo que sea algo que afecte al buen funcionamiento.

Saludos desde Argentina

calamuchitaportatil,

Thank you so much for supporting our work with a nice review!

As a parting gift, and because I think I finally understood what you meant regarding selecting the text inside the search box, here is the piece of my mind regarding this. From what I remember, the pseudo-selector that is used for such effects isn’t universally supported by browsers, so perhaps your best bet would be to simply change the color of your search box text to blue:

.awf-filter-container.awf-product-search-container input.awf-filter {
	color: #0000ff;
}

Here is the code for the above-mentioned partially supported pseudo-selector which (kinda) does something with the selection:

.awf-filter-container.awf-product-search-container input.awf-filter::selection {
	color: #0000ff;
	background: #ffffff;
}
.awf-filter-container.awf-product-search-container input.awf-filter::-moz-selection {
	color: #0000ff;
	background: #ffffff;
}

If you test it, you will see that it doesn’t do exactly what you want, but well.. these are your choices!

Wishing you an easy setup for the rest of the site,
my best regards,
Anastasia

Genial, lo adopto, una vez más muchas gracias por toda tu ayuda.
Exitos para este a?o.

Saludos.