• Resolved edenb

    (@edenbuganim)


    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)

    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)

    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)

    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)

    @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)

    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.