Background color widgets on homepage and text coloring

Shapely
1

Hey guys,

Thank you so much for a lot of wonderful theme’s… To bad I haven’t found you guys earlier!
I’ve searched around 30 pages before giving up on this topic and decided to post about it.

Could anyone help me, when picking background images for the site its hard to read the gray texting on the parrelex widgets with transparent background, how can I change the text coloring?

Also is there a way to set the background on a given widget on the homepage to white or any color instead of transparent? And how to do so for each different Shapely homepage widget.

Thanks again!

2

I can’t seem to edit my post, sorry.

Also i would like to know how to:

  • Change the background image on each seperate page (in particular woocommerce pages), and enable it only on the homepage.
  • Change button colors site wide
  • Change text color site wide and on the parralex widget (now with a transparent background it shows gray text and it is hardly readable with my background image)
  • Toggle transparant/white (or colored) background of widgets (in particular parralex)

edit: url https://www.promotionbikes.nl

Thanks again for the good support and awsome themes!

3

To late to edit again,

One more thing, how to set my account on woocommerce to transparent?

4

This is my final post, again my apologies for all the posts.
These are my issues

  • Remove grey header with text on all pages

  • Let woocommerce use the full width of the screen and auto center the products (clean main shop page with only the products, i did set it to only show products)

  • How to set thumbnail size for product images in the main shop (changing them in woocommerce settings doesn’t do anything)

  • Remove the sorting dropdown menu from woocommerce

  • Change the background image on each seperate page (in particular woocommerce pages), and enable it only on the homepage.

  • Change button colors site wide

  • Change text color site wide and on the parralex widget (now with a transparent background it shows gray text and it is hardly readable with my background image)

  • Toggle transparant/white (or colored) background of widgets (in particular parralex)

edit: url https://www.promotionbikes.nl

5

Hi @ezra,

I hope you are well today and thank you for your questions.

Could anyone help me, when picking background images for the site its hard to read the gray texting on the parrelex widgets with transparent background, how can I change the text coloring?

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other

.shapely_home_parallax .top-parallax-section h1, 
.shapely_home_parallax .top-parallax-section p {
    color: #000;
}

Please change the color value in the above code to whatever you want to use by referring the following pages.

http://www.w3schools.com/html/html_colorvalues.asp
http://www.w3schools.com/tags/ref_colorpicker.asp

Also is there a way to set the background on a given widget on the homepage to white or any color instead of transparent? And how to do so for each different Shapely homepage widget.

To achieve this try using the below CSS code as described above.

.shapely_home_parallax .top-parallax-section {
    background: #fff;
}

To help us keep support thread separates could you please create new thread for each of your other questions here Shapely - Colorlib Support Forum instead of asking them in your single thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.

Best Regards,
Movin