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.

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.

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?

Hello? any help on this please?

Line height issue?

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

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

Hoping to get a reply on this today please

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.

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?

Hi Eva,

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

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

Thank you 🙂

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 🙂

Eva,

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

Thanks, this topic can be marked as resolved.

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

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?