Return to previous page

Changing colors and texts - by PESCAMAR SADA

This topic has 5 replies, 3 voices, and was last updated 8 years, 3 months ago ago by Jack Richardson

PESCAMAR SADA

Participant

January 20, 2016 at 11:39

Hi, I ‘m with the final details of the web and I need to make some changes :

1. That the cover page is different for desktop and tablet is ( portada.php ) and Mobile is for example ( tienda.php ) Is this possible ?

2. Changes:

3. Changes:

#108851 Copied

4 Answers

PESCAMAR SADA

Participant

January 20, 2016 at 16:42

I need an answer please

#108974 Copied
Eva Kemp

Support staff

January 20, 2016 at 18:10
Hello,

1. Sorry, but there are no such features.

2. To change text to Spanish go to Appearance > Widgets and add “Woocommerce Product Categories” widget to “Shop Sidebar” area and write title you need.

To close first category, edit wp-content/themes/woopress/js/etheme.js file. Find and comment out line 1808
$this.find('>li').first().find('.open-this').html(minusIcon).parent().addClass('opened').find('ul.children').show();

Do you want to add border for categories sidebar? If so add this code in Global Custom CSS:
```
.woocommerce_product_categories {
    border: 1px solid red;
}
.product-categories > li > a, .woocommerce_product_categories .widget-title {
   padding-left: 20px;
}
```
To change background color, color use this css code:
```
.woocommerce_product_categories {
    background-color: red;
}
```
```
.product-categories > li > a {
   color: blue !important;
}
.product-categories > li > a:hover {
   color: white !important;
}
```
Write color values you need.

3. Use this css code:
```
.fixed-header-area .header-logo {
    display: none;
}
.fixed-header-area .fixed-header > .container {
   width: 100%;
}
```
Regards,
Eva Kemp.
#108999 Copied
PESCAMAR SADA

Participant

January 21, 2016 at 12:11
1.

It is solved by putting this script as Pure js the top that is loaded by default:
```
<script languaje="JavaScript">

var device = navigator.userAgent

if (device.match(/Iphone/i)|| device.match(/Ipod/i)|| device.match(/Android/i)|| device.match(/J2ME/i)|| device.match(/BlackBerry/i)|| device.match(/iPhone|iPad|iPod/i)|| device.match(/Opera Mini/i)|| device.match(/IEMobile/i)|| device.match(/Mobile/i)|| device.match(/Windows Phone/i)|| device.match(/windows mobile/i)|| device.match(/windows ce/i)|| device.match(/webOS/i)|| device.match(/palm/i)|| device.match(/bada/i)|| device.match(/series60/i)|| device.match(/nokia/i)|| device.match(/symbian/i)|| device.match(/HTC/i))
 { 
window.location = "https://example.com";

}
else
{

}

</script>
```
Thus the page will default on desktop and load the script to put in Mobile and tablet
🙂

I tried it and it works perfectly
#109172 Copied
Jack Richardson

Support staff

January 21, 2016 at 14:09

Hello,

Glad to hear you’ve found the solution.

Have a nice day.

Best regards,
Jack Richardson.

#109205 Copied
Viewing 5 results - 1 through 5 (of 5 total)