oxygen: how to make background of certain carousel white

• 

  orientaltextiles · Member · Sep 14, 2015 at 8:58 am

  • Copy link
  • Add topic to favorites

  oxygen theme: how to make background of certain carousel white (instead of black)

  Carousel in question is part of image gallery in this page:
  http://orientalcarpet.com/mousepads-3/

  The blog I need help with is: (visible only to logged in users)

• 

  michaelvandenberg · Member · Sep 14, 2015 at 9:11 am

  • Copy link

  Hi there,

  You can change the background color of the carousel into white without adding any custom CSS code and you can do it on this page:
  https://orientaltextiles.wordpress.com/wp-admin/options-media.php

  Good luck! :)

  Best regards,

  Michael

• 

  justjennifer · Member · Sep 14, 2015 at 9:57 am

  • Copy link

  @michaelvandenberg – Changing that setting will indeed change the background of the Photo Carousel for the entire site. But it seems the OP is asking how to change the Carousel background only on a specific page.

• 

  orientaltextiles · Member · Sep 14, 2015 at 12:43 pm

  • Copy link

  Thanks @michaelvandenberg and @justjennifer.

  @justjennifer: you’re right. I just wish to change the Carousel background only on this specific page:

  http://orientalcarpet.com/mousepads-3/

• 

  orientaltextiles · Member · Sep 15, 2015 at 10:20 pm

  • Copy link

  I somehow got help and here the code: (for gallery on page ID, say, 1505)

  .page-id-1505 .jp-carousel-overlay { background: #fff; }

• 

  thesacredpath · Member · Sep 16, 2015 at 12:42 am

  • Copy link

  That’s great. Let us know if you have further questions.

• 

  orientaltextiles · Member · Sep 16, 2015 at 7:23 am

  • Copy link

  @thesacredpath: how come the following codes:

  .page-id-1150 .jp-carousel-overlay {
  background: #fff;

  don’t work for:
  http://orientalcarpet.com/2015/04/25/sticky-post3/

  Please help :)

• 

  thesacredpath · Member · Sep 16, 2015 at 7:59 am

  • Copy link

  Hi there, I should have looked more closely. The page you referenced in your latest, is a post, not a page, and the selector is different. Replace that code with this.

  .postid-1150 .jp-carousel-overlay {
      background: #fff;
  }

• 

  orientaltextiles · Member · Sep 17, 2015 at 6:42 am

  • Copy link

  It works! Thanks so much :)

• 

  thesacredpath · Member · Sep 17, 2015 at 6:58 am

  • Copy link

  You are welcome.