(Wordpress) Image From Child Theme style.css Not Found - css

Basically, there should be a checkbox image next to each service, loaded from the child theme's style.css using the "content" property.
This is what the css looks like from the child theme's style.css:
content: url(../clos/images/checkboxes.png) left top no-repeat !important;
Except the image is in that folder and in a child theme images folder too (tried to load it from there as well).
What am I doing wrong here?

URLs are case sensitive, so you should try this:
http://www.closlandscaping.com/wp-content/themes/Clos/images/checkboxes.png
It means you need to fix your css like this:
content: url(../Clos/images/checkboxes.png) left top no-repeat !important;

Related

how to disable header media in wordpress?

I am facing header media issues. I don't want that header area on my top of the website. I tried CSS code
.home #wp-custom-header {
display: none;"
}
but it's not working. please check my site for more details hindizone.in
It would be a better solution to change your theme template file so there is no such div container to be hidden. This can normally be found in header.php file of your theme. Delete the div with the class header-bottom.
Another way would be using CSS as you already tried. But you do not have an element with id wp-custom-header so this code is doing nothing. You can find out the right element to target with using the inspector of your browser.
I did this with your code and therefore found the classes you need to address in your css file.
Add following code to your custom css in the theme editor, or inside style.css of your theme:
#site-header.top-header .header-bottom {
display: none !important;
}
With the !important statement you make sure, that the display value is not being overwritten somewhere else in your stylesheet.
#site-header {
display: none;
}
...should work for your site.

Spree 3.1 CSS path for .spree-header background-image

In Spree 3.1 Standard Themes (out of the box)
I tried to change background image.But not work. Perhaps the path is wrong. Help need.
Here what I did.
Upload image to be /app/assets/images/NewBackGroundImage.png
Add css in vendors/assets/stylesheets/spree/frontend/custom.css
CSS:
.spree-header{
background-image: url("/assets/images/NewBackGroundImage.png");
background-size: cover;
margin-bottom: 10px;
}
Here my inspect of the current page
This part is my attached screen shots for my comment of the answer below.
At the inspect screen it clearly display error 404 (Not Found)
Tried change to use asset-url then
SCSS:
Then Change my custom.css to custom.scss
And this is the inspect shot NOW IT WORK
As I can see, your page doesn't use your styles at all. Are you sure the div tag has the class "spree-header". Because in your browser it only has id "spree-header" and nothing about the respective class. Try to replace it from .spree-header to #spree-header. If there might be confrontation between styles, then you can always try the usage of !important tag: url(...) !important;
If the folder "vendors" is in the "app" folder, then you can use the relative path url("../../../../../assets/images/NewBackGroundImage.png") as well

How to remove wordpress top menu bar?

How to remove this wordpress top bar ?
I am doing it by css, is it right ?
#wpadminbar {
display: none !important;
}
You can do this with PHP, add this to your functions.php file
show_admin_bar(false);
Although ideally this should be done in a child theme as will be undone when the theme is updated.
I don't think there is anything wrong with doing it the way you are already doing it with CSS though.

background-image in wordpress

When I do inspect element on my wordpress page on the left of my screen I have this code,
<header class="main-header" role="banner">
on the right of my screen I have this code
background-image: url('http://chuaquanam.ca/wordpress/wp-content/uploads/2013/08/cropped-TopMenu11.jpg');
Can someone help me in what *.css file the background-image code is located? I looked at all css files like style.css but I could not find it.
Inspecting the header element shows that the CSS for header.main-header is inline. This means, it is generated by WP and embedded into the page, not into a CSS file. Once generated, you can see the code by viewing the source of your blog page:
<style type="text/css">
header.main-header
{
background-image: url('http://chuaquanam.ca/wordpress/wp-content/uploads/2013/08/cropped-TopMenu11.jpg');
width: 980px;
height: 200px;
}
.. which is on line 67 onwards.
The way for you to change your background-image is via the WP menu, if you select Appearance > Header, you can upload a new image, which will populate the width and height based on the image you upload.
If you want to edit styling other than these properties (like positioning, floating, etc.,) you can find the other header.main-header styling in style.css, line 253 onwards.

Changing background of wordpress theme

I have been trying to change the background image of the wordpress theme but i am unable to change it.
I tried:
body {
background : url('images/squad.jpg');
}
I placed this code under design-settings in custom css styles. But i do not see any changes
in wordperss stylesheet file, search for body and html selectors and check if any background applied to them.
in html selector add this property:
backbround: #fff url(imagePath) no-repaet top left;
you can change #fff to the color that is more related to your background image. it's not necessary, but it's best practice.
if your background image is a pattern and you want it to be repeated, change no-repeat to repeat this should work.
Is your css file is in separate folder?
try this
body {background : url('../images/squad.jpg');}

Resources