Duplicate value

  • Resolved edenb

    (@edenbuganim)


    6 years, 2 months ago

    hey!
    first, thank again and i aprriciate all.
    i have some problem an i dont know how to control of this.
    i add slider and i read the guide but still have problems.
    my css on form settings is:

    .slider-caption::before {
  content: "סך הכל טיסות פנים שנבחרו: ";
}
.slider-caption {
	color:#007cba; padding-top:10px;
    text-align:center;
}

    and have a duplicate for this if i add 2 form like slider.
    i know that they have a same class but different id and i dont know what to do that css will be from id and no from class to not make duplicate.
    look at the picture for understand me more.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author codepeople

    (@codepeople)

    6 years, 2 months ago

    Hello @edenbuganim

    The solution is simpler:

    – Assign a custom class name to the field, for example: my-slider

    Note: The class names are assigned to the fields through their attributes: “Add CSS Layout Keywords”

    – And then, define the styles as follows:

    
.my-slider .slider-caption::before {
    content: "סך הכל טיסות פנים שנבחרו: ";
}
.my-slider .slider-caption {
    color:#007cba; padding-top:10px;
    text-align:center;
}

    and this style definition does not affect to all slider fields, only to those fields with the custom class name assigned.

    Best regards.

    Thread Starter edenb

    (@edenbuganim)

    6 years, 2 months ago

    hey @codepeople
    thanks!! now its work great! just a little question –
    How do I separate the text from the value itself?

    .my-slider .slider-caption::before {
    content: "סך הכל טיסות פנים שנבחרו: ";
}
.my-slider .slider-caption {
    color:#007cba; padding-top:12px;
    text-align:right;
	font-weight: bold;
	font-size: 11pt;
}

    i mean – everything is the same color, size and etc.. and i want to control of this.

    Plugin Author codepeople

    (@codepeople)

    6 years, 2 months ago

    Hello @edenbuganim

    Into the caption attribute you can enter the content you want, included tags, simply you should preserve the structure: {0} because would be replaced by the field’s value at real time. So, you can enter the caption as follows:

    
<span class="custom-class-name-1">The text you want:</span> <span class="custom-class-name-2">{0}</span>

    and then, define the class names: custom-class-name-1 and custom-class-name-2 as you want.

    Best regards.

    Thread Starter edenb

    (@edenbuganim)

    6 years, 2 months ago

    @codepeople
    ohh sorry but i dont understand where is “caption attribute” and where can i put this code?
    i need to add new 2 classes in “Add Css Layout Keywords”?

    i think with picture you can help me more.
    I’m new, so it’s also hard for me to figure out where and what to change.
    picture how its look now –
    https://www.edenbuganim.co.il/pic1.png

    thanks bro

    Plugin Author codepeople

    (@codepeople)

    6 years, 2 months ago

    Hello @edenbuganim

    If you enter into the “Field Caption” attribute the text:

    
<span class="custom-class-name-1">סך הכל טיסות פנים שנבחרו:</span> <span class="custom-class-name-2">{0}</span>

    You can remove the style definition (it become unneeded):

    
.my-slider .slider-caption::before {
    content: "סך הכל טיסות פנים שנבחרו: ";
}

    and define the new classes through the “Customize Form Design” attribute as you prefer, for example:

    
.custom-class-name-1{font-weight: bold;}
.custom-class-name-2{font-style:italic;}

    Best regards.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Duplicate value’ is closed to new replies.