Home › Forums › Basel support forum › How to style "Select options" text on alternative hover?
How to style "Select options" text on alternative hover?
- This topic has 6 replies, 2 voices, and was last updated 7 years, 11 months ago by Artem Temos.
-
AuthorPosts
-
February 6, 2017 at 8:31 pm #9645
MieTParticipantHi,
Thank You for awesome theme!I have question: How may I style text “Select options” (or “Add to cart”) in Alternative “Hover on product”?
Now the text is bold. I would like to change it more lighter and change color.Regards
MieTFebruary 6, 2017 at 8:56 pm #9648
Artem TemosKeymasterHello,
Thank you for choosing our theme and contacting us.
Could you please provide a link to the page where we can see this button on your website and some screenshot of how do you want to make it looks like?
Kind Regards
XTemos StudioFebruary 6, 2017 at 9:15 pm #9649
MieTParticipantHi,
The link below.
And screenshot too.I have one more question: How do you make Description on page:
http://demo.xtemos.com/basel/shop/shoes/basic-contrast-sneakers/
Especially: two columns description and table of sizes?MieT
Attachments:
You must be logged in to view attached files.February 6, 2017 at 9:18 pm #9651
MieTParticipantI’m sorry, previous attachment was in CMYK mode.
Below correct file.
MieT
Attachments:
You must be logged in to view attached files.February 6, 2017 at 9:20 pm #9653
Artem TemosKeymasterHello,
Here is a code snippet to change button weight and color. Add it to the Custom CSS area in Theme Settings
.basel-hover-alt .btn-add>a { font-weight:normal; color: #ff2323; }
We created this products description with Visual Composer. You can activate Visual Composer editor for products description in Visual Composer -> Role manager -> Post types. Here is a source code from our demo that you can use to create a similar one
[vc_row][vc_column width="1/2" css=".vc_custom_1484828983369{margin-bottom: 25px !important;}"][basel_title size="small" title="<strong>TEMPUS CONSECTETUR</strong>"][vc_column_text] <p style="text-align: center;">Ac dis vestibulum ut primis eleifend at neque at ornare mus nostra non senectus magna natoque porta scelerisque molestie taciti lobortis torquent ullamcorper a ullamcorper. Hac suspendisse varius ut et consectetur eu in nisi vestibulum consectetur ultricies in dictum consectetur eu hendrerit ante tortor sagittis etiam porta scelerisque molestie ostra non senectus magna natoque .</p> <p style="text-align: center;">Vestibulum volutpat inceptos augue maecenas vehicula curae fringilla ridiculus consectetur tincidunt sit suspendisse rutrum facilisis nibh id ad scelerisque feugiat. Suspendisse habitasse aenean a at enim quis in congue a vestibulum lacinia tortor nam ridiculus. Dictum consectetur eu hendrerit ante tortor sagittis etiam. Hac suspendisse varius ut et consectetur eu porta scelerisque molestie.</p> [/vc_column_text][/vc_column][vc_column width="1/2" css=".vc_custom_1484828978370{margin-bottom: 25px !important;}"][basel_title size="small" title="<strong>FIND YOUR SIZE</strong>"][vc_column_text el_class="responsive-table"] <table> <tbody> <tr> <th>SIZE</th> <th>CHEST</th> <th>WAIST</th> <th>HIPS</th> <th>HEIGHT</th> <th>AGE</th> </tr> <tr> <td><strong>S</strong></td> <td>6–7</td> <td>64.5–66</td> <td>59.5–61.5</td> <td>68.5–71</td> <td>122–128</td> </tr> <tr> <td><strong>M</strong></td> <td>8–9</td> <td>66–69</td> <td>61.5–65</td> <td>71–74.5</td> <td>128–137</td> </tr> <tr> <td><strong>L</strong></td> <td>10–12</td> <td>69–75</td> <td>65–69</td> <td>74.5–79.5</td> <td>137–147</td> </tr> <tr> <td><strong>XL</strong></td> <td>14–16</td> <td>75–81.5</td> <td>69–72.5</td> <td>79.5–84.5</td> <td>147–158</td> </tr> </tbody> </table> [/vc_column_text][/vc_column][/vc_row]
Regards
February 6, 2017 at 9:29 pm #9654
MieTParticipantWorks fine!
Thank You for flash support!
Regards
MieTFebruary 7, 2017 at 5:45 am #9683
Artem TemosKeymasterYou are welcome!
-
AuthorPosts
The topic ‘How to style "Select options" text on alternative hover?’ is closed to new replies.
- You must be logged in to create new topics. Login / Register