css code is not working on my page

  • mohit27

    (@mohit27)


    12 years, 4 months ago

    hi i got some css codes i can run it from my laptop using bluefish editor but when i copy it to my wp page it dosent work plz can any one help me

Viewing 4 replies - 1 through 4 (of 4 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    12 years, 4 months ago

    That’s not enough information for us to help

    http://codex.ww.wp.xz.cn/Forum_Welcome#Include_as_much_information_as_possible

    Thread Starter mohit27

    (@mohit27)

    12 years, 4 months ago

    this is my code that i m trying to run (

    <body>
<div id="box">

<a href=""> iphone 4s screen repair</a>

       <div class="text"> this is text</div>

</div>

<style>

#box{ /*border settings*/
background-color: skyblue;
width: 300px;
height: 50px;
border: 2px solid black;
border-radius: 10px;

}

#box{ /*box font settings*/

font-size: 20px;

font-weight: bold;

}

.text {
display: none;

}

#box:hover .text{
display: block;
}

</style>

</body>

)

    on fixitc.co.nz

    thanks for replay

    Viju123

    (@viju123)

    11 years, 6 months ago

    this is my CSS script its working fine on regular but whenever i copied it to wordpress style.css its not giving proper output, plz help me out

    .a_demo_four {
	background-color:#3bb3e0;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	text-decoration:none;
	color:#fff;

	position:relative;
	padding:25px 20px;
	padding-right:60px;

	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(44,160,202)),
	color-stop(1, rgb(62,184,229))
	);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
}

.a_demo_four:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(44,160,202))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
}

.a_demo_four::before {
	background-color:#2591b4;
	background-image:url(../images/right_arrow.png);
	background-repeat:no-repeat;
	background-position:center center;
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-9px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-moz-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-o-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
}

.a_demo_four:active::before {
	top:50%;
	margin-top:-12px;
	-webkit-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-moz-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-o-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
}
element.style {
}
#container_buttons p {
display: block;
padding-bottom: 10px;
padding-top: 60px;
padding-left: 20px;
}

here is my html code
<!DOCTYPE html>

        <link rel="stylesheet" type="text/css" href="css/style4.css" />
		<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
    </head>
    <body>
        <header>
               <nav class="codrops-demos">
				</nav>
			</header>
			<section>
                <div id="container_buttons">
                    <p>
                        <a href="#"><b>
                         Organic Farm Produce Vegetables
                        </a>
                    </p>
                <p>
                        <a href="#">
                          Regular farm Produce Vegetables
                        </a>
                    </p>
                    <p>
                        <a href="#">
                       Exotic Vegetables
                        </a>

                    </p>
                </div>
			</section>
        </div>
    </body>
</html>

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 6 months ago

    All I can suggest is that you read the comments on a thread before you post.

    Create your own thread: https://ww.wp.xz.cn/support/forum/how-to-and-troubleshooting#postform

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

The topic ‘css code is not working on my page’ is closed to new replies.