Jetpack by WordPress.com
[resolved] Background-image wrote in the jetpack css editor (3 posts)

  1. JLGP7
    Posted 2 years ago #

    [Moderator note: Topic title de-capped. Please do not shout at us.]

    hi guys i have a problem and i expect you can help me..
    I want to modify my template´s css. I installed the css editor of jetpack. I wrote on it the following sentence:

    #access {
    background-image: url (images/black_pattern12.jpg);

    But it doesnt work. But if i write it on the template´css it works perfectly.
    That´s why i think the problem is on the file path (black_pattern.jpg)
    This image is in the images folder of the template.

    Someone of you could please to help me ? what would be the absolute, or relative file path ¿?

    Thanks in advance people


  2. csonnek
    Happiness Engineer
    Plugin Contributor

    Posted 2 years ago #

    Hi there!

    The Jetpack CSS editor inserts the CSS changes in relation to the root of your site, whereas your theme CSS uses relative file names according to the theme folder.

    To fix it, you would either need to use the absolute URL (e.g. http://yoursitename.com/wp-content/themes/yourthemename/images/black_pattern12.jpg ) or the relative URL from your domain root. (e.g. wp-content/themes/yourthemename/images/black_pattern12.jpg )

    I hope that clarifies things! Let me know if you have any questions.

  3. JLGP7
    Posted 2 years ago #

    Carolyn thank you very much.. It works perfect.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Jetpack by WordPress.com
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic