Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 19, 2015 at 7:03 pm #399161
    Dovilekm

    Hello,

    I am trying to change the iconbox top element into hexagon without any luck. I want it to match the company’s logo http://pievumedus.lt/. Would you be able to provide me with custom css?

    Kind regards,
    Dovile

    February 19, 2015 at 9:16 pm #399253
    Elliott

    Hey Dovilekm!

    I don’t think you can do that with CSS. You would have to create a background image to use and then try setting it with this CSS.

    .iconbox_icon { background: url("URL to your image") !important; }

    Regards,
    Elliott

    February 19, 2015 at 9:27 pm #399263
    Dovilekm

    So I cannot turn circle into a hexagon on the side? I can turn circle into the square, without uploading new images.

    Thanks
    Dovile

    February 20, 2015 at 7:46 am #399479
    Rikard

    Hey!

    You can use this CSS to create a hexagon: 

    #hexagon {
	width: 100px;
	height: 55px;
	background: red;
	position: relative;
}
#hexagon:before {
	content: "";
	position: absolute;
	top: -25px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-bottom: 25px solid red;
}
#hexagon:after {
	content: "";
	position: absolute;
	bottom: -25px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-top: 25px solid red;
}

    Regards,
    Rikard

    February 20, 2015 at 11:20 am #399541
    Dovilekm

    Hello,

    Thank you. But how can I assign it to iconbox top element ?

    February 21, 2015 at 9:00 pm #400122
    Andy

    Hi!

    try to replace “#hexagon” in Rikard’s code with “.iconbox_icon”.

    Best regards,
    Andy

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