Link to home
Start Free TrialLog in
Avatar of Amanda Watson
Amanda WatsonFlag for Australia

asked on

none of my changes to the CSS in wordpress theme is reflected in site?

Hey there,
This is driving me CRAZY, but I am making changes to my css in wordpress and its not showing in my site.  I have done the changes through the themes editor in the backed and I have tried FTP.

But when I check in firebug, the changes I make are not shown?

What is going on?   Its like its reading a style sheet from somewhere else and I can't find it.

I seem to remember when setting up the blog that I indicated that it would use the theme from somewhere else but I just can't remember.

please help?
Avatar of jeremyjared74
jeremyjared74
Flag of United States of America image

Your css file may be inside the theme folder in a sub-folder.
EXAMPLE:
/wp-content/themes/your-theme/css/style.css

If that is the case the CSS in the theme editor will have something like this:
@imort style.css, or it will be in the header of your theme.
It sounds like you have a messy situation with different versions of themes and/or CSS files. So you are making the changes to the incorrect style sheet/theme.

Hard to give any solid answers without knowing the location of the CSS file you are editing and the link to the live site. But the best answer for now is to just double check the CSS file you are editing. Use View, Source or Firebug to determine the CSS file the site is using and work your way back from there.
Avatar of Amanda Watson

ASKER

Righto well the blog is here
https://www.latinocellar.com/blog

and I am trying to remove the footer in the blog so I have made changes to
#colophon {
      display:none;
}

in style.css in the correct place.

You will even see in firebug it shows you to go to themes/newspress/style.css

so I do, make the change upload and its not showing.

I have also edited as I said via the dashboard in the backend, and its not showing...so it seems the actual style sheet location is somewhere else??
The ID 'colophone' is not used anywhere in your page. Perhaps you are working on too many projects at once? :)
If it is somewhere else, it will have to be called from somewhere in the them. It will either be linked in the header.php, or via import css file which is done with the @ symbol. The header link would be <link rel="....

Do you see anything like that in the theme?
Avatar of Chris Stanyon
You site is loading 8 different stylesheets (2 of which are called style.css)

As JF0 says, #colophon doesn't exist in your page. Your footer has an ID of 'footer' and can be hidden by adding display:none to the #footer rule - line 1423 of https://www.latinocellar.com/templates/theme056_shop/css/template.css
The wordpress blog is being loaded into the Joomla template via a wrapper, an iframe

IF you use firebug and see the credits in the footer of the WORDPRESS theme, not the joomla FOOTER you will see there is a tag called
#colophon {

}
it is there, its is line 1657, it is in style.css and I can see it when I edit the style sheet in the backend

It is just not reflected in the site when I make a change to that sheet.
These are the stylesheets being called in the header.php

<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
<?php if(get_option("newspress_colorscheme") <> "" && get_option("newspress_colorscheme") <> "default") : $skin = get_option("newspress_colorscheme"); ?>
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'template_directory' ); ?>/library/color-scheme/<?php echo $skin; ?>/style-<?php echo $skin; ?>.css" />
<?php endif; ?>

Open in new window

I just noticed that this link:
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'template_directory' ); ?>/library/color-scheme/<?php echo $skin; ?>/style-<?php echo $skin; ?>.css" />

appears to be in a folder named color-scheme, but none of the URL's reflect that directory. Is it possible the folder has been re-named?
ok all those style sheets are the JOOMLA style sheets

The folder has not been renamed.

when you use firebug don't you see what i am talking about...ill show you an image
latino3.png
ASKER CERTIFIED SOLUTION
Avatar of jeremyjared74
jeremyjared74
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
ooh why didn't I think of that...that did prove an interesting exercise...the blog was still styled...however I got these errors
Warning: fopen(D:\sites\latinocellar\latinocellar.com\home\latinocellarblog/wp-content/themes/newspress/style.css) [function.fopen]: failed to open stream: No such file or directory in D:\sites\latinocellar\latinocellar.com\home\latinocellarblog\wp-includes\functions.php on line 4284

Warning: fread(): supplied argument is not a valid stream resource in D:\sites\latinocellar\latinocellar.com\home\latinocellarblog\wp-includes\functions.php on line 4287

Warning: fclose(): supplied argument is not a valid stream resource in D:\sites\latinocellar\latinocellar.com\home\latinocellarblog\wp-includes\functions.php on line 4290
This is the function that cause those errors
 * Searches for metadata in the first 8kiB of a file, such as a plugin or theme.
 * Each piece of metadata must be on its own line. Fields can not span multple
 * lines, the value will get cut at the end of the first line.
 *
 * If the file data is not within that first 8kiB, then the author should correct
 * their plugin file and move the data headers to the top.
 *
 * @see http://codex.wordpress.org/File_Header
 *
 * @since 2.9.0
 * @param string $file Path to the file
 * @param array $default_headers List of headers, in the format array('HeaderKey' => 'Header Name')
 * @param string $context If specified adds filter hook "extra_{$context}_headers"
 */
function get_file_data( $file, $default_headers, $context = '' ) {
      // We don't need to write to the file, so just open for reading.
      $fp = fopen( $file, 'r' );

      // Pull only the first 8kiB of the file in.
      $file_data = fread( $fp, 8192 );

      // PHP will close file handle, but we are good citizens.
      fclose( $fp );
And believe it or not, it is still telling me I can edit this file
https://www.latinocellar.com/latinocellarblog/wp-content/themes/newspress/style.css

to edit the stylesheet, but of course it doesn't exist in that folder now as I have renamed it...so where on earth is it getting its styling FROM??
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
So I changed the header to be
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="stylesheet" type="text/css" media="all" href="https://www.latinocellar.com/latinocellarblog/wp-content/themes/newspress/style.css
" />
<?php if(get_option("newspress_colorscheme") <> "" && get_option("newspress_colorscheme") <> "default") : $skin = get_option("newspress_colorscheme"); ?>
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'template_directory' ); ?>/library/color-scheme/<?php echo $skin; ?>/style-<?php echo $skin; ?>.css" />

so there was a direct link to the style sheet, still it doesn't change anything.

But then I removed this line
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'template_directory' ); ?>/library/color-scheme/<?php echo $skin; ?>/style-<?php echo $skin; ?>.css" />

and the colors changes, so it is reading that header file??

What is going on???
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
what the!!??

it is gone???

Crikey, it would of had to have been when I made the direct reference to the css in the header
Thanks everyone