This topic has 8 replies, 2 voices, and was last updated 9 years, 9 months ago ago by Eva Kemp
Hello!
Can you please tell me if / how I can make this things:
1. I studied the documentation, but regarding the menu and its css classes, I don’t see how I can make only a SINGLE menu element to have a background colour and the text to have a different colour (let’s say white text on black background, the reverse colours as the default menu configuration). I mean all elements from the menu to be the same, except that single menu element, that needs to be highlighted in this way.
2. I’ve added to the footer 1 (pre-footer) the following shortcode:
[etheme_products type=”slider” style=”default” products=”recently_viewed”]
that lists the recently viewed products by the visitor. Can I somehow hide the title of the footer 1 element ONLY when the footer is empty (no products were viewed by the visitor)?
3. Can I hide from the registration the first field (username), and make the email address to also be the default username? I know that woocommerce has some kind of a similar option, but it’s very weird, it takes only part of the mail address (everything that is before @) and makes it the username.
4. On the product page, can I hide the quantity changer buttons, and leave only the “add to cart” button on that line, aligned to the left?
Thanks again 🙂
Hello,
1. You can change color only for one menu item this way:
Go to Appearance > Menus, open the menu tab of your menu item and below “CSS Classes (optional)” write your css class (for example: my_class).
You can enable CSS classes at the top of admin panel, just click “Screen Options”.
Then you should edit custom.css file, add the code:
.my_class a {color: red !important;}
How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).
2. Unfortunately there is no such possibility. Sorry.
3. In this case you have to edit the file wp-content/themes/royal/framework/theme-functions.php (from line 1342).
4. Add this code in custom.css file:
.quantity {
width: 47px;
}
.quantity input[type="button"] {
visibility: hidden;
}
Thank you.
Regards,
Eva Kemp.
Thank you for the solution on no. 1 Works great 🙂
However, at no. 4, only the buttons for quantity are removed. I wanted everything quantity related to be hidden on the product page, including the quantity box – only the “add to cart” to remain on that line, and. if possible, to align the “add to cart” button on the left, right next to the image.
Thanks 🙂
Hello,
Sorry for misunderstanding concerning the question 4.
Please use this code instead of the previous one:
.quantity {
display: none;
}
.product-information .cart button[type="submit"] {
float: left;
}
Thank you.
Regards,
Eva Kemp.
Thanks! Works fantastic!
However, the button isn’t exactly floating left, still a space remains. Can I make it somehow centered instead?
Also, how can I make the font size ONLY for the “add to cart” button on the checkout bigger?
Thanks again 🙂
Hello,
Add this code:
.product-information .cart button[type="submit"] {
margin-left: 40px
font-size: 20px !important;
}
Thank you.
Regards,
Eva Kemp.
Works great! Thank you! 🙂
Ticket closed.
Hello,
You’re welcome.
Regards,
Eva Kemp.
The issue related to '‘Some questions regarding the theme / if it's possible to make some stuff’' has been successfully resolved, and the topic is now closed for further responses