Basics of CSS in bucket.io - Content box
Advanced customization is a feature located at the Design Page, recommended for users with advanced developing skills since it is all about writing code, however if you are feeling adventurous rest assured you can reset it to the original format. here are some basic tips to change the design aspect of your funnel (if you are having problems seeing pictures in this article, click any and they will expand).
.container #mainContent #divContent{
position: relative;
border-radius: 2px;
background-color: transparent;
box-shadow: none;
color: white !important;
}
.container #mainContent #divContent{
position: relative;
border-radius: 2px;
background-color: rgba(11, 58, 113, 0.55);
box-shadow: 0 6px 28px 0 rgba(0, 0, 0, 0.27), 0 2px 4px 0 rgba(0, 0, 0, 0.5);
color: white !important;
}
If you wish to change the color of the Content box, you will need to find the respective color codes within the spectrum of colors you wish to use and change them here
Applying transparency look to the Content box
The content box is the white square that contains questions and choices, you can either apply a slight or total transparencyTotal transparency
this is the code you should use..container #mainContent #divContent{
position: relative;
border-radius: 2px;
background-color: transparent;
box-shadow: none;
color: white !important;
}
Slightly transparent
this is the code you should use.container #mainContent #divContent{
position: relative;
border-radius: 2px;
background-color: rgba(11, 58, 113, 0.55);
box-shadow: 0 6px 28px 0 rgba(0, 0, 0, 0.27), 0 2px 4px 0 rgba(0, 0, 0, 0.5);
color: white !important;
}
If you wish to change the color of the Content box, you will need to find the respective color codes within the spectrum of colors you wish to use and change them here
Related Articles
Basics of CSS in bucket.io - Buttons
Advanced customization is a feature located at the Design Page, recommended for users with advanced developing skills since it is all about writing code, however if you are feeling adventurous rest assured you can reset it to the original format. ...Basics of CSS in bucket.io - Background Transparent
Advanced customization is a feature located at the Design Page, recommended for users with advanced developing skills since it is all about writing code. If you are feeling adventurous, rest assured that you can reset it to the original format. Here ...Basics of CSS in bucket.io - progress bar
Advanced customization is a feature located at the Design Page, recommended for users with advanced developing skills. Here are some basic tips to change the design aspect of your funnel (if you are having problems seeing pictures in this article, ...Basics of CSS in bucket.io - Text Fields
Advanced customization is a feature located in the Design section, and is recommended for users with advanced developing skills because it involves understanding and writing code. However, for the adventurous types, it's helpful to know that the ...Basics of CSS in bucket.io - Text Color
Advanced customization is a feature located at the Design section, and is recommended for users with advanced developing skills, since it requires writing code. However, if you are feeling adventurous and want to give it a shot, please know that you ...