Title Box Divider

For instance you have aligned the button/icon on right and width is 40%, you may float it to left.[/text][separator margintop=’80’ align=’left’ animation=’default’][/separator][titlebox bordercolor=’#000000′ borderovercolor=’accent’ align=’center’ url=’#’ target=’_blank’ width=’100′ bgcolor=’#ffffff’ bgovercolor=’accent’ bgtransparency=’0′ linecolor=’primary’ lineovercolor=’accent’ linesize=’1′ textcolor=’#000000′ textovercolor=’#ffffff’ fontsize=’14’ lineheight=’1′]ALIGN CENTER[/titlebox][/column][column type=’6′][separator marginTop=’90’][/separator][titlebox bordercolor=’#000000′ borderovercolor=’accent’ align=’left’ url=’#’ target=’_blank’ width=’100′ bgcolor=’#ffffff’ bgovercolor=’#000000′ bgtransparency=’0′ shadow=’no’ linecolor=’accent’ lineovercolor=’primary’ linesize=’1′ textcolor=’#000000′ textovercolor=’#ffffff’ fontsize=’14’ lineheight=’2′]ALIGN LEFT[/titlebox][/column][column type=’6′ last=’1′][separator marginTop=’90’][/separator][titlebox bordercolor=’#000000′ borderovercolor=’#000000′ align=’right’ url=’#’ target=’_blank’ width=’100′ bgcolor=’#ffffff’ bgovercolor=’accent’ bgtransparency=’0′ shadow=’no’ linecolor=’accent’ lineovercolor=’primary’ linesize=’1′ textcolor=’#000000′ textovercolor=’#ffffff’ fontsize=’14’ lineheight=’2′]ALIGN RIGHT[/titlebox][/column][/container][container section_title=’Container’ fullwidth=’yes’ bgimage=’http://bravio.co/demos/default/wp-content/uploads/2016/02/blackboard-1.jpg’ scrolltype=’fixed’ bgtransparency=’0′ top=’140′ bottom=’140′ innerbottomshadowsize=’0′ bordertop=’0′ borderbottom=’0′ topseparator=’enable’ topseparatorshape=’circle’ topseparatorcolor=’#ffffff’ bottomseparator=’enable’ bottomseparatorshape=’circle’ bottomseparatorcolor=’#f9f9f9′ mobiletop=’60’ mobilebottom=’60’ collapse=’true’][column type=’6′][text color=’#fff’ fontsize=’28’ fontweight=’100′ fontfamily=’Raleway’ lineheight=’34’ animation=’default’]Title Box – Element[/text][separator marginTop=’35’][/separator][text color=’#fff’ fontsize=’16’ google_font=” fontfamily=’Raleway’ lineheight=’24’ fontweight=” style=’none’]This element height is 1 pixel and is used to add an icon/text or combination of both icon and text divider between different elements. It can also be used a clickable button. [/text][/column][column type=’6′ textalign=” border=’1′ bordercolor=’#ccc’ borderstyle=’dashed’ lrpadding=’30’ tbpadding=’0′ textcolor=’#efefef’ bgimage=” bgpattern=” bgcolor=” bgtransparency=” last=’1′][titlebox margintop=” linesize=’0′ bgcolor=’#ffffff’ bgovercolor=’accent’ shadow=’1′ radius=’2′ linecolor=’#d8d8d8′ lineovercolor=’#d8d8d8′ textcolor=’#555′ bordercolor=’#d8d8d8′ borderovercolor=’accent’ textovercolor=’#ffffff’ url=” target=” icon=’fa-users’ iconcolor=’accent’ bgtransparency=” align=’left’]Icon Divider[/titlebox][separator marginTop=’50’][/separator][text]This element is very useful when it comes to adding a button, divider between fullwidth sections and/or columns. It can be used in many ways, below are some of the examples used for adding a divider between different elements.[/text][separator margintop=’30’ align=’left’ animation=’default’][/separator][/column][/container][container section_title=’Container’ fullwidth=’yes’ textalign=’center’ scrolltype=’fixed’ bgcolor=’#f9f9f9′ bgtransparency=’0′ top=’20’ bottom=’80’ innerbottomshadowsize=’0′ bordertop=’0′ borderbottom=’0′ topseparator=’disable’ topseparatorshape=’diagonal’ bottomseparator=’disable’ bottomseparatorshape=’diagonal’ collapse=’true’][column type=’12’ last=’1′][title style=’none’ size=’6′ fontfamily=’Raleway’ textcolor=’#444444′ fontsize=’27’ fontweight=’300′ th_height=’10’ th_margintop=’5′ th_bgtransparency=’0′ th_bgpattern=’3′ animation=’bounceInLeft’]Using as Columns Divider[/title][separator marginTop=’10’][/separator][text fontsize=’15’]This element can also be used as divider between columns[/text][separator marginTop=’30’][/separator][titlebox bordercolor=’#d8d8d8′ borderovercolor=’accent’ align=’center’ padding=’5′ radius=’10’ url=’#’ target=’_blank’ width=’30’ bgcolor=’#ffffff’ bgovercolor=’accent’ bgtransparency=’0′ shadow=’no’ linecolor=’#d8d8d8′ lineovercolor=’#d8d8d8′ linesize=’1′ textcolor=’#777777′ textovercolor=’#ffffff’ lineheight=’2′][/titlebox][/column][column type=’6′ nospace=’1′ border=’1′ bordercolor=’#ccc’ borderstyle=’dashed’ borderonly=’bottom, right’ tbpadding=’50’][text]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.[/text][/column][column type=’6′ nospace=’1′ border=’1′ bordercolor=’#ccc’ borderstyle=’dashed’ borderonly=’bottom’ tbpadding=’50’ last=’1′][text]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.[/text][/column][column type=’12’ last=’1′][titlebox bordercolor=’#d8d8d8′ borderovercolor=’accent’ radius=’2′ url=’#’ target=’_blank’ bgcolor=’#ffffff’ bgovercolor=’accent’ bgtransparency=’70’ shadow=’1′ linecolor=’#ccc’ lineovercolor=’#d8d8d8′ linesize=’0′ textcolor=’#2d2d2d’ textovercolor=’#ffffff’ fontsize=’14’ lineheight=’2′]AWESOME[/titlebox][/column][column type=’6′ nospace=’1′ border=’1′ bordercolor=’#ccc’ borderstyle=’dashed’ borderonly=’right’ tbpadding=’50’][text]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.[/text][/column][column type=’6′ tbpadding=’50’ nospace=’1′ border=” bordercolor=’#ccc’ borderstyle=’dashed’ borderonly=” last=’1′][text]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.[/text][/column][column type=’12’ last=’1′][titlebox margintop=” bgcolor=’#ffffff’ fontsize=’20’ lineheight=’2′ bgovercolor=’accent’ shadow=’1′ radius=’100′ linesize=’0′ linecolor=’#d8d8d8′ lineovercolor=’#d8d8d8′ textcolor=’#777777′ bordercolor=’#d8d8d8′ borderovercolor=’accent’ textovercolor=’#ffffff’ url=’#’ target=’_blank’ icon=’fa-angle-down’ padding=’5′][/titlebox][/column][column type=’6′ tbpadding=’50’ nospace=’1′ border=’1′ bordercolor=’#ccc’ borderstyle=’dashed’ borderonly=’right, top’][text]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.[/text][/column][column type=’6′ tbpadding=’50’ nospace=’1′ border=’1′ bordercolor=’#ccc’ borderstyle=’dashed’ borderonly=’top’ last=’1′][text]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.[/text][/column][/container][container collapse=’true’ fullwidth=’yes’ margintop=” bgcolor=’#000′ bgtransparency=’40’ bgimage=’http://bravio.co/demos/default/wp-content/uploads/2016/02/bg_polygon_black.jpg’ bgpattern=’10’ top=’110′ bottom=’110′ textalign=’center’][column type=’12’ last=’1′][title style=’none’ size=’6′ textcolor=’#ffffff’ fontsize=’25’ fontweight=’300′ th_height=’10’ th_margintop=’5′ th_bgtransparency=’0′ th_bgpattern=’3′ animation=’bounceInLeft’]Using Between Fullwidth Containers as Buttons[/title][/column][/container][container collapse=’true’ fullwidth=’no’][column type=’12’ last=’1′][titlebox icon=’fa-laptop’ bordercolor=’#d8d8d8′ borderovercolor=’accent’ radius=’2′ url=’#’ target=’_blank’ bgcolor=’#ffffff’ bgovercolor=’accent’ bgtransparency=’70’ shadow=’1′ linecolor=’#d8d8d8′ lineovercolor=’#d8d8d8′ linesize=’0′ textcolor=’#000000′ textovercolor=’#ffffff’ fontsize=’14’ lineheight=’2′]DIVIDER[/titlebox][/column][/container][container collapse=’true’ fullwidth=’yes’ margintop=” bordertop=’1′ tbcolor=’#FFFFFF’ bgcolor=’#f7f7f7′ top=’110′ bottom=’110′ innershadow=’1′ textalign=’center’][column type=’12’ last=’1′][text fontsize=’16’ color=”]This can be used for many things, we have used it within sections as section divider and as a button at the same time with inset shadow.[/text][/column][/container][container collapse=’true’ fullwidth=’no’][column type=’12’ last=’1′][titlebox icon=’fa-angle-down’ bordercolor=’#d8d8d8′ borderovercolor=’accent’ padding=’5′ radius=’100′ url=’#’ target=’_blank’ bgcolor=’#ffffff’ bgovercolor=’accent’ bgtransparency=’0′ shadow=’1′ linecolor=’#ffffff’ lineovercolor=’#d8d8d8′ linesize=’1′ textcolor=’#777777′ textovercolor=’#ffffff’ fontsize=’20’ lineheight=’1′][/titlebox][/column][/container][container collapse=’true’ fullwidth=’yes’ top=’70’ bottom=” textalign=’center’][column type=’12’ last=’1′][title size=’6′ fontsize=’25’ fontweight=’300′ style=’none’ animation=’bounceInLeft’ textcolor=’#444444′]Radius, Size, Colors etc Settings[/title][separator marginTop=’1′][/separator][text color=’accent’ fontsize=’14’]Use it as simple / button divider[/text][separator style=’1′ align=’center’ color=’#555555′ height=’2′ marginTop=’15’ marginBottom=’15’ width=’50’][/separator][text fontsize=’16’]You may set line color, line over color, button color, button over color, inset shadow, link, link target etc[/text][/column][/container][container collapse=’true’ fullwidth=’no’][column type=’12’ last=’1′][separator marginTop=’70’][/separator][titlebox bordercolor=’primary’ borderovercolor=’#d8d8d8′ align=’center’ radius=’50’ url=’http://google.com/’ target=’_blank’ width=’70’ bgcolor=’accent’ bgovercolor=’#ffffff’ bgtransparency=’0′ shadow=’1′ linecolor=’primary’ lineovercolor=’#d8d8d8′ linesize=’3′ textcolor=’#ffffff’ textovercolor=’primary’ lineheight=’2′]VISIT GOOGLE[/titlebox][/column][/container][container collapse=’true’ fullwidth=’yes’][column type=’12’ last=’1′][separator marginTop=’90’][/separator][titlebox bordercolor=’#d8d8d8′ align=’center’ padding=’5′ target=’_blank’ width=’70’ bgcolor=’#ffffff’ bgovercolor=’accent’ bgtransparency=’0′ shadow=’1′ linecolor=’#d8d8d8′ lineovercolor=’#d8d8d8′ linesize=’1′ lineheight=’2′][/titlebox][separator marginTop=’70’][/separator][titlebox bordercolor=’#d8d8d8′ borderovercolor=’accent’ align=’center’ padding=’10’ radius=’20’ url=’#’ target=’_blank’ bgcolor=’#ffffff’ bgtransparency=’0′ shadow=’no’ linecolor=’#d8d8d8′ lineovercolor=’#d8d8d8′ linesize=’1′ textcolor=’#777777′ textovercolor=’#ffffff’ lineheight=’2′][/titlebox][/column][/container][container collapse=’true’ fullwidth=’no’][column type=’12’ last=’1′][separator marginTop=’40’][/separator][raindrops bgcolor=’#ffffff’ flip=’1′][/raindrops][/column][/container][container section_title=’Scalable Multipurpose Theme’ fullwidth=’yes’ bgimage=’http://bravio.co/demos/default/wp-content/uploads/2017/11/picjumbo.com_HNCK56ff44.jpg’ scrolltype=’scroll’ bgpattern=’8′ bgcolor=’accent’ bgtransparency=’45’ gradientstart=’#000000′ gradientend=’accent’ gradtype=’left’ top=’82’ bottom=’65’ innerbottomshadowsize=’0′ bordertop=’0′ borderbottom=’0′ topseparator=’disable’ topseparatorshape=’diagonal’ bottomseparator=’disable’ bottomseparatorshape=’diagonal’ collapse=’false’][column type=’9′][separator marginTop=’5′][/separator][text google_font=” fontfamily=’Raleway’ fontweight=’300′ textshadow=” fontsize=’32’ lineheight=’38’ color=’#fff’]Scalable Multipurpose Theme[/text][text google_font=” fontfamily=’Raleway’ fontweight=” textshadow=” fontsize=’22’ lineheight=’32’ color=’#fff’]Improve quality of your website by using its powerful features.[/text][/column][column type=’3′ last=’1′ align=’right’][separator margintop=’13’][/separator][button link=’#’ size=’xlarge’ shape=’round’ hovereffect=’bounce-to-right’ bgcolor=” bgovercolor=’#fff’ bgtransparency=’30’ bordertransparency=’80’ textcolor=’#FFFFFF’ textovercolor=’#FFFFFF’ textshadow=” fontweight=’300′ fontfamily=’Raleway’ border=’2′ bordercolor=’#fff’ borderovercolor=” bggradstart=” bggradend=” icon=” iconposition=” target=’_blank’]Explore Features[/button][/column][/container]