Forum Replies Created

Viewing 30 posts - 391 through 420 (of 573 total)
  • Avatar: Jimbo
    Jimbo
    Participant
    April 9, 2015 at 10:15

    I have added this code below which sorts the related products to align but still out slightly on some by a few pixels.

    .carousel-area .product-title{
    min-height:54px !important;
    }

    The main products on the products pages are out of alignment however, the link I posted explains the issue but the code does not match this theme.

    Makes the product pages looks messy when out of alignment.

    Avatar: Jimbo
    Jimbo
    Participant
    April 9, 2015 at 01:10

    The link below explains my problem exactly, alignment issues of buttons on related products and product pages.

    https://www.skyverge.com/blog/woocommerce-align-add-to-cart-buttons/

    Avatar: Jimbo
    Jimbo
    Participant
    April 8, 2015 at 22:14

    Sorry did not work!

    It’s a real shame that related products don’t align, looks messy on iPad in portrait mode.

    I did experiment with min-height property but could not get it correct.

    The issue seems to be when titles are one line length, then some 2 lines…. this causes the add to cart buttons to be different heights.

    Avatar: Jimbo
    Jimbo
    Participant
    April 8, 2015 at 16:21

    Regarding VC plugin, they are unlikely to offer support when you give the plugin bundled with your theme.

    Avatar: Jimbo
    Jimbo
    Participant
    April 8, 2015 at 16:14

    You also need to go through the W3C errors, are you guys really the developers of this theme?

    Topic still unresolved sorry to say, shall I contact Olga again?

    Avatar: Jimbo
    Jimbo
    Participant
    April 8, 2015 at 16:12

    I bought this theme because it had the extra bundled plugins, I did not expect to have to result to using raw html to code my website!

    Not impressed at all Eva!

    Avatar: Jimbo
    Jimbo
    Participant
    April 8, 2015 at 16:08

    Hello? any help on this please?

    Line height issue?

    Avatar: Jimbo
    Jimbo
    Participant
    April 8, 2015 at 10:48

    sorry but still no change.

    the problem occurs when the title is shorter than others i.e. title is only on one line?

    this is when using the iPad in portrait mode only – fine on desktop on larger resolution.

    see image

    related products

    Avatar: Jimbo
    Jimbo
    Participant
    April 7, 2015 at 17:16

    Brian,

    Sorry to say you are wrong, the code for this is within your style sheets (style.css) and can be changed as I have now found out how to do it.

    For anyone looking to change the font / size etc (I find font too small) and rather than manually change you can have a default size like below, change to your taste.

    /*-- woocommerce single product font -- */
    .product-information .short-description, .tabs .tab-content p  {
      font: 16px/24px 'Raleway', sans-serif;
      color: #676767;
    }

    Hope this helps

    Avatar: Jimbo
    Jimbo
    Participant
    April 7, 2015 at 16:51

    Sorry but that didn’t work!

    I think the problem is the length of the title of the product when it goes to the second line if longer.

    If a shorter title this is when the add to cart box goes out of alignment, it does this on iPad in portrait mode.

    Unsure if something could be added for iPad in portrait mode to make title a minimum line height when title only on one line?

    Avatar: Jimbo
    Jimbo
    Participant
    April 7, 2015 at 13:55

    Thanks Eva,

    that did the trick!

    When you get a few minutes can you reply to my other topic please ‘ Getting lots of W3C Validation errors ‘

    thanks

    Avatar: Jimbo
    Jimbo
    Participant
    April 7, 2015 at 12:23

    Here is a picture below

    icon list

    Avatar: Jimbo
    Jimbo
    Participant
    April 7, 2015 at 10:12

    Hoping to get a reply on this today please

    Avatar: Jimbo
    Jimbo
    Participant
    April 4, 2015 at 22:19

    Hi,

    these are the validation errors via W3C on a blank page of my website

    I am sure they would be easy to solve, not for me but easy for you guys.

    It is nice to have clean error free.

    see image below…

    validation errors

    I will wait to hear back from you after easter about the p tag issue with visual composer and the toggle short code, thanks guys 🙂

    Avatar: Jimbo
    Jimbo
    Participant
    April 4, 2015 at 13:43

    Thanks Eva,

    Let me know if you need any further details.

    I will add an image of the W3C errors when I get chance which also relate to duplicate ID’s for the search.

    Avatar: Jimbo
    Jimbo
    Participant
    April 4, 2015 at 09:54

    Any help with the p tag related issue?

    I will also make a list of other errors which relate to the themes code, there are duplicated ID’s that are flagged up.

    Always good to a have clean coded theme which validates, there are not too many.

    Avatar: Jimbo
    Jimbo
    Participant
    April 3, 2015 at 15:09

    From reading up online it seems something is adding p tags, I’m guessing it is visual composer.

    I think it is best if I add the toggle boxes using just classes, how would this work rather than the short code?

    Avatar: Jimbo
    Jimbo
    Participant
    April 2, 2015 at 16:42

    Thanks Brian, that worked a treat!

    Avatar: Jimbo
    Jimbo
    Participant
    April 2, 2015 at 16:09

    Hi Eva,

    Here is an image, the title under the iPhone …. It needs to not be so close, needs margin-top

    title

    Avatar: Jimbo
    Jimbo
    Participant
    April 2, 2015 at 13:22

    Eva,

    that worked perfectly! thanks

    Topic can be closed 🙂

    Avatar: Jimbo
    Jimbo
    Participant
    April 2, 2015 at 13:11

    Thanks Eva, I will add that and get back to you to confirm all works.

    Thank you 🙂

    Avatar: Jimbo
    Jimbo
    Participant
    April 2, 2015 at 13:10

    Hi Eva,

    it’s not there, it is the title of the related products below that i.e. iPhone 4S Screen Repair below the image of the iPhone

    thanks

    Avatar: Jimbo
    Jimbo
    Participant
    April 1, 2015 at 17:42

    Eva,

    managed to work out how to remove the sku from single product pages.

    For anyone else looking to do this, SKU numbers are not important to me so if they are no to you, add to custom.css the following code.

    /* -- remove sku -- */
    .product_meta .sku_wrapper {
    display: none;
    }

    I just need help with related products title being lower from the top 🙂

    Avatar: Jimbo
    Jimbo
    Participant
    April 1, 2015 at 17:32

    Hi Eva,

    I would like the titles on related products to have a margin of 10px from the product image above.

    link is in private content.

    Please, contact administrator
    for this information.
    Avatar: Jimbo
    Jimbo
    Participant
    March 31, 2015 at 10:46

    Eva,

    that looks much better and the top and bottom margins look more equal.

    Thanks, this topic can be marked as resolved.

    Avatar: Jimbo
    Jimbo
    Participant
    March 30, 2015 at 23:50

    No problem …. I sorted this out.

    I missed the font-family out and some positioning too

    I now have a much better looking contact form!

    contact-form-messagesing error and success messages on my contact form!

    Avatar: Jimbo
    Jimbo
    Participant
    March 30, 2015 at 22:54

    Brian / Eva,

    managed to add the css so the error / success message boxes look the same throughout the theme, makes a huge difference IMO compared to the standard error messages.

    I have one issue though, I am trying to add the X for error and the tick for success but somehow it does not show, is there something I am missing?

    /* -- contact form messages -- */
    div.wpcf7-validation-errors {
    border: 1px solid transparent;
    background-color:#f2dede;
    font-size: 14px;
    color: #767676;
    padding: 15px;
    float: left;
    width: 100%;
    position: relative;
    padding-left: 60px;
    line-height: 24px;
    margin-bottom: 20px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
     box-sizing: border-box;
    }
    div.wpcf7-mail-sent-ok {
    background-color:#dff0d8;
    border-color:#d6e9c6;
    font-size: 14px;
    color: #767676;
    padding: 15px;
    float: left;
    width: 100%;
    position: relative;
    padding-left: 60px;
    line-height: 24px;
    margin-bottom: 20px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
     box-sizing: border-box;
    }
    div.wpcf7-validation-errors:before {
    content: "\f00d";
    }

    Please web page in private.

    Image below

    error box

    Please, contact administrator
    for this information.
    Avatar: Jimbo
    Jimbo
    Participant
    March 30, 2015 at 20:00

    Footer column css code worked perfect Eva 🙂

    Avatar: Jimbo
    Jimbo
    Participant
    March 30, 2015 at 18:54

    Eva,

    Thanks for this regarding the footer column margins.

    With regards to the stretch row background I tried adjusting the background color margin / padding and nothing reduces this?

    Avatar: Jimbo
    Jimbo
    Participant
    March 30, 2015 at 18:49

    Brian,

    Thanks for this I will implement this into contact form 7

  • 1 2 3 13 14 15 18 19 20
    Viewing 420 results - 391 through 420 (of 573 total)
Viewing 30 posts - 391 through 420 (of 573 total)
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.