Text and element customisation questions

[micheal_w]

Hi guys,

can you please help to solve the following issues:

1. Textbox title (HOW LONG DOES DELIVERY…) doesn’t responsive, it goes behind the right column)
http://lifewearau.wpengine.com/shipping

2. How can I make the titles of the all accordions larger?
http://lifewearau.wpengine.com/shipping

3. Is it possible to change the colour of text in the buttons on hover (on this page only) to white?
http://lifewearau.wpengine.com/help

4. Is it possible to have the both sides (measure yourself column & size table column) underneath each other on tablet size already (same as on phone size)?
http://lifewearau.wpengine.com/help/sizing-chart/

5. I know it’s not yours, but would you have an idea how to hide the “Calculate Shipping” title?
http://lifewearau.wpengine.com/help/shipping

Thank you!
Micheal

[David Martin – Support]

Here they are!

1)

@media only screen and (max-width: 767px) {
.title-wrap .spb-heading > span {
    white-space: normal;
}
}

2)

.spb_accordion .spb_accordion_section>h4 a {
    font-size: 18px;
}

3)

.page-id-92 a.sf-button.transparent-dark:hover {
    color: #fff!important;
}

4)

@media only screen and (max-width: 1024px) {  
.spb_tour .nav-tabs {
    width: 100%;
    float: none;
}
.spb_tour .nav-tabs>li {
    width: 100%;
    margin-left: 0!important;
    text-align: center;
}
.spb_tour .nav-tabs li.active a {
    border-right-color: #dcdcdc!important;
}
.spb_tour .tab-content {
    padding: 30px 30px 10px;
    margin-left: 0;
}
.tab-content .col-sm-6 {
    width: 100%;
}
}

5)

.rp_shipping_button .btn_shipping {
    display: none!important;
}

Cheers,
David.

[micheal_w]

This reply has been marked as private.

[David Martin – Support]

No problem, what device is that for. Could you add a screenshot?

For me I see this:

[micheal_w]

Hi David,
Mac pro, Chrome Safari etc and iPad too… see attached…

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Oh, I see the media query is small screen specific and you are using larger screens. You can remove the media query:

.title-wrap .spb-heading > span {
    white-space: normal;
}