Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 6, 2015 at 10:32 am #391894
    terveysmaailma

    Hi,

    I would like to change the background of the related products section that is displayed on each single-product page. I am using purple in the page title + breadcrumb section and this color is too heavy for the related products (especially as I use variables of purple in the footer & socket).

    Can this be done with custom css / editing the related.php etc. somehow?

    February 6, 2015 at 10:53 pm #392318
    Elliott

    Hey terveysmaailma!

    Try adding this to your custom CSS.

    .single-product #av_section_1 {
background: red !important;
}

    Cheers!
    Elliott

    February 9, 2015 at 10:07 am #392912
    terveysmaailma

    Hi Elliot!

    That worked, thanks! However, it did create another thing that needs editing: Is it possible to change the border color of the related products that are displayed in that section? The black default color is quite “heavy” after making the background light….

    February 9, 2015 at 10:26 am #392915
    terveysmaailma

    And another thing: How can I add some white space above the related products section?

    February 9, 2015 at 12:49 pm #392985
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .single-product #av_section_1 .inner_product {
border-color: red;
}

    If that does not help, please post the link to your website

    Cheers!
    Yigit

    February 10, 2015 at 9:05 am #393558
    terveysmaailma

    Works like a charm! Thanks :)

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Related products background color’ is closed to new replies.