WordPress.org

Forums

[closed] css code is not working on my page (5 posts)

  1. mohit27
    Member
    Posted 1 year 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

  2. Andrew
    Forum moderator & snail smusher
    Posted 1 year ago #

  3. mohit27
    Member
    Posted 1 year 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

  4. Viju123
    Member
    Posted 7 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>
  5. Andrew
    Forum moderator & snail smusher
    Posted 7 months ago #

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

    Create your own thread: https://wordpress.org/support/forum/how-to-and-troubleshooting#postform

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.