Browse
For agents
About
ShopBuilder – WooCommerce Builder For Elementor
/
3.2.6
ShopBuilder – WooCommerce Builder For Elementor
v3.2.6
Switch version
3.4.2
3.4.1
3.4.0
2.0.1
2.0.2
2.0.3
2.1.0
2.1.1
2.1.10
2.1.11
2.1.12
2.1.13
2.1.14
2.1.15
2.1.2
2.1.3
2.1.4
2.1.5
2.1.6
2.1.7
2.1.8
2.1.9
2.2.0
2.2.1
2.2.2
All 63 releases
Overview
Code
shopbuilder
/
assets
/
css
/
frontend
/
elementor
/
shopbuilder-cta.css
shopbuilder-cta.css
in ShopBuilder – WooCommerce Builder For Elementor 3.2.6, at assets/css/frontend/elementor/shopbuilder-cta.css
2 lines
4.0 KB
Find file
t
No matching file
Up and down to move
Enter to open
Esc to close
Raw
Download
Zip
View raw
1
.
rtsb-call-to-action
.
cta-content-wrap
,
.
rtsb-call-to-action
.
rtsb-cta-wrapper
{
position
:
relative
}
.
rtsb-call-to-action
.
rtsb-cta-title
{
margin-bottom
:
15
px
}
.
rtsb-call-to-action
.
cta-container
{
width
:
100
%
}
.
rtsb-call-to-action
.
rtsb-cta-wrapper
:
before
{
content
:
"
"
;
height
:
100
%
;
left
:
0
;
position
:
absolute
;
right
:
0
;
top
:
0
;
width
:
100
%
}
.
rtsb-call-to-action
.
rtsb-shopbuilder-button
.
rtsb-btn
{
border-radius
:
50
px
;
padding
:
14
px
25
px
}
.
rtsb-call-to-action
.
rtsb-shopbuilder-button
.
rtsb-btn
.
text-wrap
{
gap
:
10
px
}
.
rtsb-call-to-action
.
rtsb-shopbuilder-button
.
rtsb-btn
.
secondary-btn
{
background-color
:
initial
;
border
:
1
px
solid
var
(
--rtsb-color-primary
)
;
color
:
var
(
--rtsb-color-primary
)
}
.
rtsb-call-to-action
.
rtsb-shopbuilder-button
.
rtsb-btn
.
secondary-btn
.
icon
{
color
:
var
(
--rtsb-color-primary
)
}
.
rtsb-call-to-action
.
rtsb-shopbuilder-button
.
rtsb-btn
.
secondary-btn
.
icon
svg
path
{
fill
:
var
(
--rtsb-color-primary
)
}
.
rtsb-call-to-action
.
rtsb-shopbuilder-button
.
rtsb-btn
.
secondary-btn
:
hover
{
background-color
:
var
(
--rtsb-color-secondary
)
;
border-color
:
var
(
--rtsb-color-secondary
)
;
color
:
#
fff
}
.
rtsb-call-to-action
.
rtsb-shopbuilder-button
.
rtsb-btn
.
secondary-btn
:
hover
.
icon
.
icon
{
color
:
#
fff
}
.
rtsb-call-to-action
.
rtsb-shopbuilder-button
.
rtsb-btn
.
secondary-btn
:
hover
.
icon
svg
path
{
fill
:
#
fff
}
.
rtsb-call-to-action
.
rtsb-shopbuilder-button
.
rtsb-btn
.
icon
{
display
:
inline-flex
;
transition
:
all
.5
s
}
.
rtsb-call-to-action
.
rtsb-shopbuilder-button
.
rtsb-btn
:
hover
.
icon
{
animation
:
rtsb-left-to-right
.5
s
forwards
}
.
rtsb-call-to-action
.
rtsb-cta-description
{
margin-bottom
:
20
px
}
.
rtsb-call-to-action
.
no-rtsb-parallax-transition
{
transition
:
none
!important
}
.
rtsb-call-to-action
.
rtsb-cta-layout2
.
rtsb-cta-wrapper
{
background-color
:
#
0a125e
;
padding
:
50
px
40
px
;
position
:
relative
}
.
rtsb-call-to-action
.
rtsb-cta-layout2
.
rtsb-cta-wrapper
:
before
{
content
:
"
"
;
height
:
100
%
;
left
:
0
;
position
:
absolute
;
right
:
0
;
top
:
0
;
width
:
100
%
}
.
rtsb-call-to-action
.
rtsb-cta-layout2
.
rtsb-cta-wrapper
.
content-wrapper
{
align-items
:
center
;
display
:
flex
;
gap
:
30
px
}
@
media
only
screen
and
(
max-width
:
991
px
)
{
.
rtsb-call-to-action
.
rtsb-cta-layout2
.
rtsb-cta-wrapper
.
content-wrapper
{
align-items
:
flex-start
;
flex-direction
:
column
;
gap
:
10
px
;
padding
:
30
px
}
}
.
rtsb-call-to-action
.
rtsb-cta-layout2
.
rtsb-cta-wrapper
.
cta-content-top
{
flex-grow
:
1
;
position
:
relative
}
.
rtsb-call-to-action
.
rtsb-cta-layout2
.
rtsb-cta-wrapper
.
rtsb-shopbuilder-button
{
flex
:
0
0
auto
}
.
rtsb-call-to-action
.
rtsb-cta-layout2
.
rtsb-cta-title
{
color
:
#
fff
}
.
rtsb-call-to-action
.
rtsb-cta-layout2
.
rtsb-cta-description
{
color
:
#
fff
;
margin-bottom
:
0
}
.
rtsb-call-to-action
.
rtsb-cta-layout3
.
rtsb-cta-wrapper
{
background
:
#
8e27e2
;
padding
:
80
px
}
@
media
only
screen
and
(
max-width
:
767
px
)
{
.
rtsb-call-to-action
.
rtsb-cta-layout3
.
rtsb-cta-wrapper
{
padding
:
30
px
}
}
.
rtsb-call-to-action
.
rtsb-cta-layout3
.
cta-container
{
box-sizing
:
border-box
;
margin
:
0
auto
;
max-width
:
1140
px
;
padding
:
15
px
;
width
:
100
%
}
@
media
only
screen
and
(
min-width
:
768
px
)
{
.
rtsb-call-to-action
.
rtsb-cta-layout3
.
cta-content-wrap
{
align-items
:
center
;
display
:
flex
;
gap
:
15
px
}
.
rtsb-call-to-action
.
rtsb-cta-layout3
.
cta-content-wrap
.
cta-content-left
{
flex
:
0
0
50
%
;
max-width
:
50
%
}
}
@
media
only
screen
and
(
max-width
:
767
px
)
{
.
rtsb-call-to-action
.
rtsb-cta-layout3
.
cta-content-wrap
.
cta-content-left
{
margin-bottom
:
20
px
;
width
:
100
%
}
}
.
rtsb-call-to-action
.
rtsb-cta-layout3
.
cta-content-wrap
.
cta-content-right
{
flex
:
1
}
.
rtsb-call-to-action
.
rtsb-cta-layout3
.
cta-content-wrap
.
cta-img-wrapper
{
text-align
:
center
}
.
rtsb-call-to-action
.
rtsb-cta-layout3
.
rtsb-cta-description
,
.
rtsb-call-to-action
.
rtsb-cta-layout3
.
rtsb-cta-title
{
color
:
#
fff
}
.
rtsb-call-to-action
.
rtsb-cta-layout3
.
rtsb-shopbuilder-button
.
rtsb-btn
{
background
:
#
e25544
;
transition
:
all
.3
s
ease-in-out
}
.
rtsb-call-to-action
.
rtsb-cta-layout3
.
rtsb-shopbuilder-button
.
rtsb-btn
.
secondary-btn
{
background
:
#
fff
}
.
rtsb-call-to-action
.
rtsb-cta-layout3
.
rtsb-shopbuilder-button
.
rtsb-btn
.
secondary-btn
:
hover
{
border-color
:
var
(
--rtsb-color-primary
)
}
.
rtsb-call-to-action
.
rtsb-cta-layout3
.
rtsb-shopbuilder-button
.
rtsb-btn
.
secondary-btn
:
hover
.
icon
{
color
:
#
fff
}
.
rtsb-call-to-action
.
rtsb-cta-layout3
.
rtsb-shopbuilder-button
.
rtsb-btn
:
hover
{
background
:
var
(
--rtsb-color-primary
)
}
2
