Main CSS File Location

Hello,

I do not seem to be able to find how to edit the main CSS file from the Admin Panel. Has something been changed or my memory is not serving me well?

If not accessible through the Admin Panel, please provide file location.

Thanks.

…to clarify, I need the main style.css.

I found the file on the server, but cannot find it in the Admin Panel.

Please advise.

Thanks.

Hello,

My admin options do not look like that. I do not have the “Editor” under “Appearance”, instead, I have “Install plugins” for ALL of the 4 sites I run with your theme. I used to have what you show me on the screenshot, but I do not have it anymore… I use NEWSMAG, not NEWSPAPER as shown on your screenshot.

Please advise.

Thanks.

• This reply was modified 9 years by Afterglow.

Thanks for the response.

This is disturbing – one day it works, the next day it does not.

Thanks,
Peter

Hello,

Thanks for your response, BUT, what good is any of that going to do when I reactivate the plugins, which by the way, have not been changed since the days the “Editor” under “Appearance” was there. In fact, there have been NO changes other than updates to the number of plugins I run, the automatic WP updates and the updates of the Newsmag theme.

So, again, what good will your suggestion do when I reactivate the plugins I have?

Thanks,
Peter

Also, generally you don’t want option to edit style.css or other files via WordPress as this is major security risk.

Ideally you should edit the style.css file in text editor then upload via FTP to over-write the default file. This is “best way” as you keep verions, backups, etc., in case you do something wrong.

If you break something via the WordPress editor for theme files, it can be broken with no way to ‘go back.’

Just suggestion.

My problem remains!

I do not have Editor under Appearance.

Every time an upgrade to the theme is released, I have to alter the .css code, where the size of the header logo and ad are specified, BECAUSE, there is a resizing “blink” if I do not do that to match the sizes that I desire for my logo and ads in my Custom css.

A huge flaw of this theme is that id does NOT allow you the freedom to set your own header logo and ad sizes, without having to go through the insanity I go through every time there is an update… and now I cannot even access the main css via the admin panel….

Peter

I just updated to 4.0 and the header containing the logo and the ad moved too much above the main menu line! I am tired of this. I have 6 site running this theme and cannot go insane every time I have to load to a newer version.

Why has that happened for Brookline.com?! The current site’s logo and ad in the header are too high compared to what it was – you can see Pavlikeni.com, which has not been updated for the correct position of the logo and the ad in the header…

I am so pissed! Can someone please help and solve this problem once and for all.

This is where the logo and ad should be (snapshot before the upgrade to 4.0)

http://brookline.com/wp-content/uploads/2017/09/aaa.png

This is my Custom css, which never changes:

.td-header-style-1 .td-header-top-menu {
top: 0;
}
.td-header-top-menu{
padding-left: 12px!important;
}
.td-header-sp-top-menu{ float:left!important; }

@media(min-width:1021px){.td-header-style-1 .td-header-row {
width: 1023px;
margin-left: auto;
margin-right: auto;
}
}

@media(min-width:1021px){.td-header-style-1 .td-header-row {
width: 1023px;
margin-left: auto;
margin-right: auto;
}
}
.td-header-menu-wrap {
background-color: #28B775;
min-height: 48px;
}
.td-header-style-1 .td-header-row {
width: 1030px;
margin-left: auto;
margin-right: auto;
}
.td-header-sp-logo {
width: 460px;
float: left;
position: relative;
margin-left: 0;
margin-bottom: 8px;
margin-top: 8px;
}
.td-header-sp-rec {
float: right;
margin-bottom: 8px;
margin-top: 8px;
width: 468px;
position: relative;
}

@media (min-width: 768px) {
#td-top-search {
position: absolute!important;
top: 10%;
}
}
.td-header-container {
width: 100%;
}

@media(min-width: 768px) {
#td-top-search {
margin-top: 0!important;
position: inherit;
display: inline-block}
}
.td-header-menu-wrap:before {
background-color: #000000;
content: “”;
display: block;
height: 4px;
}
.td-header-border:before {
height: 0;
}
.td-trending-now-wrapper {
background-color: #FFFF00;
height: auto!important;
}
.td-container-border > .td-pb-row:first-child .wpb_wrapper .td_block_wrap:nth-of-type(1) {
background-color: #FFFFFF;
}

@media(max-width: 768px){
.td-header-sp-rec,
.td-header-style-1 .td-header-row {
width: 100%!important;
}
.td-main-menu-logo img{
width: 75%;
}
}

@media (max-width: 768px){
.td-main-menu-logo img {
width: initial!important;
}
}
.td-header-style-1 .td-header-main-menu.td-affix {
width: auto;
border-top: 4px solid #000000 ;
}

@media(min-width: 1024px){
.td-header-style-1 .td-affix #td-header-menu {
width: 1030px;
margin: 0 auto;
}
}

@media(min-width:768px)and (max-width: 1023px){
.td-header-style-1 .td-affix #td-header-menu {
width: 756px;
margin: 0 auto;
}
}

Add your custom css to end of style.css then do this each time you update theme. Best way.

Thanks. The problem is that my custom css does not line up my logo and ad in the header the way it was before. They have changed something in the new css for version 4.0.

I do not understand why something so good as this theme has this idiotic miss – not being able to easily fit your own size of logo and ad. Why do they force you to their logo and ad size. They don’t seem to care. This is not the first time I have brought this up. This is insane.

I fixed the spacing manually myself. Have to do it for 5 more sites. Absolutely not happy.