Home Forums Basel support forum How to style "Select options" text on alternative hover?

How to style "Select options" text on alternative hover?

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #9645

    MieT
    Participant

    Hi,
    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
    MieT

    #9648

    Artem Temos
    Keymaster

    Hello,

    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 Studio

    #9649

    MieT
    Participant

    Hi,

    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.
    #9651

    MieT
    Participant

    I’m sorry, previous attachment was in CMYK mode.

    Below correct file.

    MieT

    Attachments:
    You must be logged in to view attached files.
    #9653

    Artem Temos
    Keymaster

    Hello,

    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

    #9654

    MieT
    Participant

    Works fine!

    Thank You for flash support!

    Regards
    MieT

    #9683

    Artem Temos
    Keymaster

    You are welcome!

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘How to style "Select options" text on alternative hover?’ is closed to new replies.