After updating from version 1.7 to 1.8.1, certain css styles in Magento are not displaying

I opted to use FTP for upgrading Magento as I lack the technical skills to navigate SSH.

Initially, I came across the 500 internal server error, followed by the blank page Google Checkout error. After resolving those, I am now dealing with a missing stylesheet problem.

Upon inspection of the bare page, it seems that Magento is operating on version 1.8.1, but both the frontend and backend lack stylesheets. When checking the link in the view source, the css path leads to a 404 error.

<link rel="stylesheet" type="text/css" href="http://www.mydomainname.com/media/css/aa5d6dfa090eec7ba8c2982f89737fca.css" />

If you have any insight on how to resolve this issue, please share. Thank you!

cssmagento

Answer №1

Make sure to double-check the URLs of your CSS files that are returning a 404 error, as they may be missing a trailing slash right after the domain name

http://www.yourdomainname.comskin/frontend/default/default/css/reset.css

The correct format should look like this:

http://www.yourdomainname.com/skin/frontend/default/default/css/reset.css

If you continue to experience the same issue, you can resolve it by updating the core_config_data table in your database. Adjust the values for paths web/unsecure/base_url and web/secure/base_url to 

http://www.yourdomainname.com/

Please make sure to include the trailing slash at the end of the URL

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Employing conditional statements in conjunction with styled components

Is there a way to style my PaymentBtn with the main styled Button but only apply the hover effect when the isLoading prop is activated, without changing anything else? I want the styling to remain the same except for the hover effect. Basic button export ...

cssreactjsstyled-components

Display navigation bar upon touch or lift

In the mobile version of a website, there is a fixed navigation bar at the top. The positioning of this navbar is achieved using position:absolute: .navbar-fixed-top{position:absolute;right:0;left:0;z-index:1000; The goal is to make the navbar invisible ...

javascriptjquerycss

Strange resizing behavior using automatic background sizing

Currently, I am facing an issue while trying to set a background image on my webpage with the auto background-size property. The problem arises when my image gets automatically resized. Even though my image has a width of 2501px, it is being resized to a ...

htmlcssbackgroundautoresizebackground-size

Customizing styles in ZK based on theme

I am currently working on a ZK application that has been styled using CSS, specifically the colors from the Sapphire theme. My goal is to have environment-dependent themes - Sapphire for production and Breeze for stage. While I have successfully implemente ...

cssthemeszk

Is there a way to set the starting position of the overflow scroll to the middle?

Is there a way to have the overflow-x scrollbar scroll position start in the middle rather than on the left side? Currently, it always begins at the left side. Here is what it looks like now: https://i.stack.imgur.com/NN5Ty.png If anyone knows of a soluti ...

javascripthtmlcssvue.jsfrontend

Adjusting the display of HTML elements depending on geolocation authorization

I am currently facing an issue with my HTML code where I want to show an element only if the user declines to share their location with the browser. However, my code is not functioning as expected when the user rejects the location request. On the other ha ...

javascripthtmlcss

The alignment of the floating left element is creating conflicts with the styling of other div

As I embark on a design project, I find myself juggling three divs for distinct products, alongside a payment method image div and a copyright div. The product divs are aligned to the left within their specific wrapper, ensuring they center and display sea ...

htmlcss

Position the dropdown items of the navbar side by side

I am currently struggling to align my Bootstrap 4 dropdown items side by side as shown below: https://i.sstatic.net/i3pP0.png The desired layout involves having Item 1 and Item 2 as dropdown options when hovering over the first Test item. I attempted to ...

htmlcssbootstrap-4

Exploring CSS Outlining in Visual Studio 2013

Back in the days of Visual Studio 2010, whenever you opened a CSS file, a window would automatically pop up displaying all the classes and IDs for easy navigation within the file. However, in Visual Studio 2013, I seem to be unable to locate this helpful ...

cssvisual-studio-2013

Rails Polymer is experiencing a glitch where the CSS and Polymer elements are not displaying correctly until a page refresh is

Whenever I first load a page, my polymer elements (like paper-input) fail to load their CSS properly. Here is an example of how the page looks before and after refreshing: https://i.sstatic.net/vsIpE.pnghttps://i.sstatic.net/YAFjP.png Below is the code sn ...

cssruby-on-railspolymer

Finding the nearest span element with a selector in styled components

Currently experimenting with integrating Styled Components to target the nearest span element. <label> <span className="">Password</span> <input type="password" id="passwordInput" /> </label> ...

htmlcssreactjsstyled-components

Underline Rows in CSS

When designing my website, I decided to organize the content into rows using CSS instead of tables. To create a line separating each row, I used height:px; for each row manually. However, this method resulted in the line jumping around inconsistently acr ...

csshtmlrowborder

Adjust the size of the text and the textarea at the same time

I am trying to resize text simultaneously while resizing the textarea in my code. I am using jQuery for this functionality. However, I believe there is an issue with the click function being separated. Any advice on how to fix this would be greatly appreci ...

javascriptjqueryhtmlcss

Customizing the CSS for Google Recaptcha to ensure it is mobile-friendly

After successfully implementing Google Recaptcha on my website (which is not a Wordpress or Joomla site), I encountered an issue with responsiveness. Despite attempting to override Google's styles in my custom CSS file, their liberal use of the !impo ...

cssresponsive-designrecaptcha

The WordPress Customizer fails to update the CSS after making changes and saving them to an external stylesheet

I was looking for a way to improve the performance of my WordPress website by saving the styles from the Customizer into an external stylesheet for caching purposes. I found this code that allows me to save the custom styles into an external CSS file: $cs ...

phphtmlcsswordpress

The brightness levels of the video appear to be slightly elevated in Safari and Chrome compared to that

My goal is to seamlessly blend a small part of a video with a larger static PNG background, ensuring that the edges of the video are indistinguishable from the background. However, I've encountered an issue where different browsers render the colors o ...

htmlcssgoogle-chromevideosafari

The li::before pseudo element isn't working properly

I am having issues with my UL list where the CSS class I applied is not affecting the li::before pseudo class. Here's the HTML: <ul class="my-ul"> <li>Item 1</li> <li>Item 2</li> </ul> This is the CSS I a ...

htmlcsspseudo-element

When attempting to display or hide elements within a function, the foreach loop only chooses the last variable when referencing the `div`

As I navigate through a straightforward foreach loop to retrieve "blog posts", the page displays basic information about each post along with a 'reply' and 'delete' button. Clicking on the 'reply' button reveals a small form b ...

javascriptphphtmlcsssql

Passing parameters in a jQuery function through a button click

I am trying to figure out how to pass the @item.Id value as a parameter in the click function for a button. Here is the code snippet: <button id="buttonEdit" style="color:darkgreen" data-toggle="modal" data-target="#Ed ...

javascripthtmljquerycssmodel-view-controller

The HTML/CSS authentication system is experiencing technical difficulties and is not functioning as intended

I came across this code on codepen.io and tried to implement it using the provided HTML and CSS. However, I encountered some errors during implementation. While the code works perfectly in the CodePen compiler, it doesn't seem to be error-free. One i ...

htmlcss