Change theme color in divider line

By sovarone on Wed, 04/29/2015 - 07:55
Forums: 
Paid Theme Support

Hello,

Would it be possible, in BerryPro, to override the color of the theme in one occurrence of a divider of type "line".
I tried to change class "line" but it changed nothing.

Thank you for your help.

Comments

user
Submitted by admin on Wed, 04/29/2015 - 08:29

Please specify which divider line type you want to modify.
http://demo.drupar.com/berrypro/divider

And do you want to change the color for entire site or just few specific times.

user
Submitted by sovarone on Wed, 04/29/2015 - 08:44

Hello,
I would like to change the divider line called Divider Line, this with the small colored dash at the beginning (apparently managed by the class "line") and I would like to change the color not for the entire site, just for one occurrence.
The color of the dash sounds to be managed by the default-color of the theme and I was asking whether it is possible to override the default-color theme in only one divider.
Thank you.

user
Submitted by admin on Wed, 04/29/2015 - 12:30

Please follow below steps:

  1. Open css/shortcodes.css in any text editor
  2. Add following codes
    .line4 {
    	height: 2px;
    	width: 100%;
    	margin: 6px 0;
    	border-bottom: 1px solid #787878;
    	position: relative;
    }
    .line4:after {
    	position: absolute;
    	bottom: -2px;
    	left: 0;
    	display: block;
    	width: 40px;
    	height: 3px;
    	content: "";
    	background: #d92546;
    }
  3. In above code change background color code for line4:after to color which you want.
  4. Now when creating content use shortcode
    <div class="line4"></div>
user
Submitted by sovarone on Wed, 04/29/2015 - 12:57

Thank you a lot for your great support, it works very well.