Where is style.css in Ascent Theme??? Help please

Hi juangalera,
To edit style.css file, in the wordpress menu bar go to themes==> Editor.
However, this is not the right solution to change your web styles. Usually, modification are done on the custum css file wich you could access from Appearance==> Edit CSS.

If you are working with a Child theme, there is no way to modify style.css unless there is plugin that can help in this.

Hope that helps you!

Regards

Hi HamBeny,

I know how modify css with custom css and from Editor.

I would like to Know how modify style.css ”in Ascent Theme” because style.css from Editor is empty.

I don’t want to write new text. I would rather to modify it.

Thanks. Regards.

Ascent’s main stylesheet is located at includes/css/main.css, and unfortunately the Editor isn’t capable of diving into subfolders. You’ll have to access the file through FTP or cPanel or whatever file management application your host provides.

However, be aware that if you modify the theme’s stylesheet directly, you’ll lose those changes if the theme is ever updated in the future, to fix bugs or security issues or to add new features. Instead, it’s best to either make a child theme or use a custom CSS plugin.

Thaks stephencottontail,

I Know all you say but if I access to WP-Includes/CSS the archive main.css doesn’t exist.

I can′t find main.css

I searched at Includes, Content… but NOTHING

Regards

Can you double-check where you’re looking? Sorry if I was unclear, it’s located at wp-content/themes/ascent/includes/css/main.css. Also, I’m using version 2.0.3 of the theme; perhaps it was in a different location in a previous version.

I found it.

THANKS a lot stephencottontail.

Regards.

Did you ever manage to sort the CSS out? I have tried to add some DIV CSS to the ASCENT main.css but I cannot get the site to pick it up. i.e.
.outer {
width: auto;
background-color: #1abc9c;
border: 2px solid #c2c2a3;
padding: 5px;
}

Can anyone shed some light on this please?

Thanks

Forgot to say… If I place my custom css in the page direct it works if surrounded by <style> tags but I loose it if I switch between pages if I do it that way ??

Can you post a link to your site?

Hi

It’s https://buryvillage.co.uk/?page_id=121

That the page I wish to change the DIV in

Thanks

P

Can you clarify what you’re trying to do? I don’t see any item with the class “outer”. I do see a <div> with the class “OuterDiv”; is that what you were referring to? It should work if you use this code:

.OuterDiv {
	width: auto;
	background-color: #1abc9c;
	border: 2px solid #c2c2a3;
	padding: 5px;
}

Also, the warning I gave to juangalera still applies: if you directly edit the theme’s files, you’ll lose those changes if the theme is ever updated in the future, to fix bugs or security issues or to add new features. Instead, it’s best to either make a child theme or use a custom CSS plugin.

Stephen….
Whoo Hoo I got it to work. I fired up the laptop and created a webserver. transferred the whole site over and played with the main.css in the theme. All worked fine as I want it.
This morning I copied the CSS over to the web host and presto it formats as advertised. The only thing that changed is the .OuterDiv to .outerDV – Beats me but it works – Thanks for your help.