WooCommerce WordPress image size for products

Question: I use WooCommerce with my Wordpress website. When I show a product the image is much too large. In the page options you can change the size, but it does not work. What should I do?

Answer: You should change the WooCommerce CSS. The WooCommerce CSS consist of sevaral CSS-files. You must find this file:

root/wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css

Add these lines:

.single-product .images img { 
   width:auto; 
   max-width:75%; 
   margin:0px; 
 }

this will work.

Breadcrump i Joomla viser lightball

 

Spørgsmål: Når man indsætter en breadcrump i Joomla vises den grå baggrund og med en lille el-pære (grafik) foran. Hvordan fjerner man baggrundsfarve og grafik. Jeg bruger templaten Protostar og Joomla 3. joomla breadcrumb remove lightball graphic and change background-color with css

Svar: Det nemmeste er at ændre i CSS-koden for Protostar. Fra roden i Joomla går du til templates/protostart/css og åbner template.css. Herfra kan du søge på .breadcrumb. Ændr background-color til f.eks. '#ffffff' (hvid). Ændr evt. margin og padding under .breadcrumb. Indsæt evt. følgende css-parametre: 'position:relative;left:-23px; Afhængig af skrifttype og andet kan man lege med disse indstillinger.

 

Det drilske ikon fjernes ved i CSS-filen at søge på '.icon-location:before'. Her skulle gerne være en 'content'´-parameter. Fjern "\63" og erstat det med "".

ZoomTek har Joomla i kursusprogrammet. Vi har et grundkursus og og et udvidet kursus.

 

 


Del denne artikel på

Mest læste sider

test3.png