I developed a website on WordPress using FLATSOME Theme. The website was running okay but now I am facing an issue and not finding any way to resolve it. The screenshot of the issue is mention below
.container .message-container { padding-left: 0; padding-right: 0; font-size: 25px; color: red; }
This is being displayed on every page above my header.
Related
Anybody here can help me how to center my login/sign up form?
This is my website https://www.cryptobank.expert/ you will be asked to login, that's the form I want to center. My problem is I dont know what name should I edit in the CSS.
Following should work
.ns-form-horizontal .ns-control-label {
text-align: left;
margin-bottom: 0;
padding-top: 7px;
}
Add the following snippet in Custom CSS Panel
.xoo-el-form-container.xoo-el-form-inline {
margin: 0 auto !important;
display: block;
}
I have a website that recently has stopped displaying custom css (most obvious example is header should be blue and is black) and the homepage slider is not working either. I have updated wordpress and all plugins but still no luck. Is it possible that this has been hacked?
The url of the site is: http://sherlockhomes4u.org/
Here is some code as an example
/* Header */
#masthead-wrap {
background: none repeat scroll 0 0 #155392!important;
margin-bottom: 50px;
}
#navigation .dropdown-menu a {
color:#fff;
font-size:17px;
letter-spacing:0px;
text-transform:none;
}
#navigation .dropdown-menu a:hover {
color:#15ABD6!important;
}
#quickcontactwrap {
background: none repeat scroll 0 0 #15ABD6!important;
}
#quickcontact {
color: white;
font-size: 17px;
font-weight: bold;
margin: 0 auto;
padding: 5px 0;
text-align: right;
width: 980px;
}
Jumping to it being hacked is kind of a far stretch; the updates you performed may have broken something down the chain.
If you open the inspector in your browser you'll see you're getting a 500 error from your homepage:
Failed to load resource: the server responded with a status of 500 (Internal Server Error): http://sherlockhomes4u.org/?sccss=1&ver=4.7.2
Whenever there's a 500 error in Wordpress, your php error log on your server can be helpful for debugging the issue.
It looks like the Wordpress plugin Simple Custom CSS provides this file. If you run the generated code through CSSLint, you'll see you're missing an ending brace from your plugin-generated CSS:
Opening this file in the editor and placing an end brace at the end fixes everything:
So make sure that brace ends up in your plugin, if it's there but not rendering, then there's an issue with Simple Custom CSS, and you should file it.
I'm trying to use WP Web Scraper plugin with WP in my site www.eastwickpark.co.uk to get online ratings of the practice from another site
https://www.iwantgreatcare.org/gpsurgeries/eastwick-park-medical-practice
I used this code snippet
<img src="http://www.eastwickpark.co.uk/wp/wp-content/uploads/2015/11/iwantgreatcarelogo.png" />
<div>
[wpws url="https://www.iwantgreatcare.org/gpsurgeries/eastwick-park-medical-practice" query=".image-middle" basehref="1" ]
</div>
Then I used custom CSS in the themes stylesheet editor
.btn.blue,
div .btn.blue {
font-size: 16px;
padding: 8px 16px;
}
/*** Stars ***/
.sprite-icons.star-blue-outline {
background-image: url('http://www.eastwickpark.co.uk/wp/wp-content/uploads/2015/11/star-blue-outline.png');
width: 19px;
height: 17px;
}
.sprite-icons.star-blue-fill {
background-image: url('http://www.eastwickpark.co.uk/wp/wp-content/uploads/2015/11/star-blue.png');
width: 19px;
height: 17px;
}
.sprite-icons.star-blue-half {
background-image: url('http://www.eastwickpark.co.uk/wp/wp-content/uploads/2015/11/star-blue-half.png');
width: 19px;
height: 17px;
}
.sprite-icons.caret-white {
background-image: url('http://www.eastwickpark.co.uk/wp/wp-content/uploads/2015/11/caret-white.png');
width: 10px;
height: 14px;
}
I've got a problem with my CSS in that the button "wraps".
Tried to just get the star rating targeting the class "raty-rating-wrapper-readonly" part but then I get a whole load of vertical stars.
i.e. if i use
[wpws url="https://www.iwantgreatcare.org/gpsurgeries/eastwick-park-medical-practice" query=".raty-rating-wrapper-readonly" basehref="1" ]
I get a whole vertical list of 5 * images?
If I use image-middle div like this
[wpws url="https://www.iwantgreatcare.org/gpsurgeries/eastwick-park-medical-practice" query=".image-middle" basehref="1" ]
I get a weird wrap on the button.
Can't figure this out, and have to admit I'm not a CSS guru. Any insight would be gratefully received.
I've got a problem with my CSS in that the button "wraps"
The cause of the wrapping behaviour is due to <br> tag dynamically generated by WordPress. You can either fix it by following the guideline here: Stop WordPress automatically adding <br> tags to post content
The above post is a plus for you because it also removes the <p> tags that are dynamically generated. I just browsed through your code and found a lot of unwanted p tags.
Can't figure this out, and have to admit I'm not a CSS guru. Any
insight would be gratefully received.
Since you hinted for a CSS solution, a simple fix is to hide the br tags using #widgets .textwidget br { display: none; }. Alternatively #widgets .textwidget a { display: inline-flex; align-items: center } fixes the space and aligns the arrow image as the br tag is ignored inside and initial direction of flex is row.
Unwrapped button:
I'e been using joomla default template: Protostar. From template manager I set a logo and it appears at the left top of each page. How can I shift the logo 100px right?
I'm running joomla 3.2.1 in localhost.
Go to the following file:
root/templates/protostar/css/template.css
Search for the logo and edit or add the following:
#logo {
position: relative;
left: 100px;
}
or on line 6936, you will find the .site-title { } block, which you can replace with the following:
.site-title {
font-size: 40px;
font-weight: bold;
left: 100px;
line-height: 48px;
position: relative;
}
In future, start getting used to your browser console and start inspecting elements. If you're using Firefox, then I would recommend using Firebug.
Hi i'm pretty new to web development and have just recently finished my first attempt at web design. I've stumbled across one issue i can't find a solution to however. In webkit-browsers one of my ul-lists (navigation) initially renders in the wrong place. When i click on one of the links it pops back in the correct position again. Full site: stenius-online.com
header ul {
float: right;
padding-top: 16px;
font-size: 145%;
}
header li {
padding-right: 58px;
text-decoration: none;
}
On your site you have a link immediately preceding your <ul>. Make that link float:left; that should solve the problem.