Tagged: , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 24, 2019 at 11:15 pm #1151018
    Edsbjerg

    Hi
    I have this `<form>
    <p style=”text-align: center;”><span style=”font-family: ‘Titillium Web’; font-size: 14pt;”>Jeg sætter selv Onmodo op </span></p>
    <p style=”text-align: center;”><span style=”font-family: ‘Titillium Web’; font-size: 10pt;”>(Gratis)</span></p>
    <p style=”text-align: center;”><code><input type=”checkbox” /></code></p>

    </form>` on my site. It’s A part of a bigger javascript code.
    I would like to change the appearance of the checkbox to bigger and with an bigger arrow to.
    I have searched the forum for a solution, but most of them are based on changes of the css, and somehow it seems as it dosn´t strikes through when the checkbox is embedded in a tag.
    Any ideas what to do `?

    October 25, 2019 at 7:13 am #1151089
    Rikard

    Hey Edsbjerg,

    Could you post a link to where we can see the element in question?

    Best regards,
    Rikard

    October 25, 2019 at 8:29 am #1151110
    Edsbjerg
    This reply has been marked as private.
    October 25, 2019 at 1:44 pm #1151207
    Victoria

    Hi Edsbjerg,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top input[type="checkbox"] {
    font-size: 20px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 25, 2019 at 8:46 pm #1151289
    Edsbjerg
    This reply has been marked as private.
    October 27, 2019 at 11:34 am #1151509
    Victoria

    Hi Edsbjerg,

    Best regards,
    Victoria

    October 27, 2019 at 12:15 pm #1151527
    Edsbjerg

    Hi Victoria

    Thanks for taking interest in my problem.

    After having seen your video, i´m getting slightly mad :-) No matter how i do, i can´t reproduce the same result as you.

    Did you set the css code into Enfold > General Styling > Quick Css or themes/enfold/css/custom.css ?
    No matter what I do, i can´t get the same result.

    And you are right, I would like the checkboxes to be at least 4 times bigger than now.

    Please disregard my last comment from previous post.

    October 27, 2019 at 1:42 pm #1151558
    Victoria

    Hi Edsbjerg,

    The code is on your website, I did not add it. I think it is in Customizer. It is there and is applied. If you remove it the checkboxes are slightly smaller. Are they not big enough to you yet?

    Best regards,
    Victoria

    October 27, 2019 at 5:05 pm #1151578
    Edsbjerg

    Hi Victoria

    I found a solution !

    /* Input */
.avia-builder-el-4 p input[type=checkbox]{
	min-width:82px;
	width:5px;
	max-width:0px;
	min-height:40px;
	max-height:40px;
	
}

.avia-builder-el-8 p input[type=checkbox]{
	min-height:4px;
	max-height:66px;
	min-width:4px;
	width:40px;
	height:40px;
}

.avia-builder-el-12 p input[type=checkbox]{
	min-width:4px;
	width:40px;
	min-height:4px;
	height:40px;
}

.avia-builder-el-16 p input[type=checkbox]{
	min-width:4px;
	width:40px;
	min-height:4px;
	height:40px;
}

.avia-builder-el-18 p input[type=checkbox]{
	min-width:4px;
	width:40px;
	min-height:4px;
	height:40px;
}

.avia-builder-el-20 p input[type=checkbox]{
	min-width:4px;
	width:40px;
	min-height:4px;
	height:40px;
}

.avia-builder-el-22 p input[type=checkbox]{
	min-width:4px;
	width:40px;
	min-height:4px;
	height:40px;
}

    And as you can see if you visit my page its just as i wished for :-)
    Thanks for your kind help. Always a pleasure to ask for help at Kriesi !

    Take care

    Kim

    October 28, 2019 at 4:21 am #1151659
    Rikard

    Hi Kim,

    Great, I’m glad that you found a solution and thanks for sharing. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.