CSS editting of theme file
-
I have a premium account and cannot for the life of me find the style sheet or any of the actual css files for my theme. I can add css but I am trying to omit certain parts of the current theme I’m using and as such it’d be much easier to just highlight and delete some lines rather than fix it through a work around method. Can anyone help me figure out how to find these files?
The blog I need help with is: (visible only to logged in users)
-
You can’t edit the base file or delete anything from it, those files are also for my site
you need to add the CSS in the CSS thing – your changes are scanned last and last scanned rules
-
All support docs are here http://support.wordpress.com
See here – Theme’s Original CSS https://en.support.wordpress.com/custom-design/editing-css/#themes-original-css
See also:
Custom design – Frequently Asked Questions
http://en.support.wordpress.com/custom-design/#frequently-asked-questions
http://en.support.wordpress.com/custom-design/
http://en.support.wordpress.com/custom-design/editing-css/
http://en.support.wordpress.com/custom-design/custom-fonts/ -
So could I just totally extract the website’s css files, copy and paste them in the css editor with my omissions or would I still need to add stuff for a workaround?
-
@davishouseholder, it isn’t advisable to copy/paste the entire stylesheet. There are a few reasons we do not recommend this.
First, theme-related images referenced in the stylesheet could have relative URLs, and since your custom CSS is actually saved in a different location from the original stylesheet, it would break those links. You would have to find each of those instances, find the full URL for those images and then change all those in the CSS.
Second, not all CSS for your site is within the theme’s main stylesheet. We use a lot of plugins to create all the features here at WordPress.com, the the CSS for all those features is typically in with the plugin files, so copy/pasting the main stylesheet would not get you all the CSS you might possibly need.
Lastly, trying to keep track of what you have changed and not changed is a lot more difficult. It is best to write the CSS rules necessary, and only include the declarations you need in order to get your site looking the way you want it to look.
I use the web inspector built into my browser to find relevant CSS and I can try out changes right there in the web inspector. I can then copy and paste into my custom CSS. I find this goes quite quickly when helping out with CSS customization here at WordPress.com.
If you are not familiar with the web inspector in your browser, take a look at our support page on How to Find Your Theme’s CSS where you will find some brief screencasts to get you started with it. I find it an invaluable tool when working with CSS.
-
I’m familiar with web inspector and know exactly what classes need to be deleted. I was just wondering if there was a way to do it with the style sheet versus page by page.
-
If you can give me an idea of what you are wanting to do, I may have some ideas on how to minimize the code you are going to need.
You can go ahead and try copy/pasting the stylesheet and then check the “Start from Scratch” checkbox to see what happens. It may work and then it may have problems.
-
Towards the top of the page, the “logo” section in the theme, is a white bar. I’d like to either remove this or make it transparent.
At the bottom of the page there is an advertisement for wordpress and creator of the theme. I’d like to remove this as well -
Hi davishouseholder
This will remove the white bar.
.header-inner { display: none; }Select Appearance > Customize > CSS from your Admin Dashboard and enter the custom CSS there.
You need to be on the WordPress.com Premium Plan for custom CSS to save. You can only preview custom CSS on the free plan.
-
You are not allowed to edit or hide the WordPress.com and theme footer credits per the Terms of Service (#11).
From https://en.support.wordpress.com/custom-design/custom-css/
All WordPress.com users are required to maintain the credit links, even our VIP bloggers. Please do not hide or alter text or links for the footer credits or the toolbar. Modifying the style of the footer text (i.e. colors and font size) is fine as long as it’s still readable.
-
So basically you’re telling me to just purchase and download the style sheet and css for the maisha theme from other sites that i’ve found it available on and take my business to godaddy?
-
The main stylesheet is available here. You just have to get the link to it by using your web inspector and then you can copy/paste. This is the main stylesheet for Maisha here at WordPress.com. The WordPress.com version will be different than the self-hosted version stylesheet since there are things added to it in support of some of the features here.
On the theme credits at the bottom of the themes, if you want to remove those, then you would need to self-host your own WordPress installation.
As the Custom CSS support page that @g471n references says, you can restyle the credits to better fit with your design. You can use CSS pseudo selectors to add text, such as a copyright, to the footer. The only requirement is that the existing footer credit remain readable.
- The topic ‘CSS editting of theme file’ is closed to new replies.
WordPress.com Forums 