Is it a bug of Further ?

Home Forums Automattic Further Is it a bug of Further ?

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #111991 Resolve

    crcgtpc

    Hello !

    I add a curve on featured content images (left up corner) and I see that there is a difference of display between FIrefox and Chrome. When I use Chrome, I can see a background (left picture) and when I open the page in FIrefox there is no background motif (right picture).

    http://wp.me/a3A2tk-2Gu

    Is it possible to always have the same motif for twice navigator ? The one I have in Chrome.

    Thx for your help !

    Br,

    E.

    The blog I need help with is cgtpoitoucharentes.wordpress.com
    #153304

    crcgtpc

    Hey !

    Is anybody there ?

    #153333

    I did look at the screenshot you provided, but I couldn’t figure out how to remove the background it highlights. Would it be possible for you to post a copy of the CSS snippet you’re using to make that specific corner edge rounded?

    Aside: if you add a new reply, the request will still get answered, but it will go to the back of the list first as the most common way to work through help requests is to look at the one with the oldest last reply.

    #153335

    crcgtpc

    Hello !

    You can see hat CSS I’m using there :

    /* border featured content */

    #featured-content .attachment-featured-featured img {

    border-top-left-radius: 16%;

    }

    #featured-content .attachment-featured-thumbnail a {

    background-color: #B90504;

    }

    Thx for your help Designsimply :)

    E.

    #153336

    crcgtpc

    Thx for the aside :-)

    #153337

    crcgtpc

    aside : I would like to have the background I have with Chrome (on the left of the screenshot) for Firefox too ;-) Not the contrary :)

    #153340

    Based on the CSS you posted, I can see that you are not setting a background image on “#featured-content .attachment-featured-thumbnail a” but you are setting a background color there. I’m not sure why it’s working differently in Chrome vs Firefox, but I do know that not all browsers display HTML and CSS in exactly the same way 100% of the time.

    Are you familiar with the differences between background and background-color? With background, you can use the url() function to set a background image along with the color and that might work for you if you find a link to the background image withe the diagonal stripes and add it to “#featured-content .attachment-featured-thumbnail a”. Can you try that?

    aside : I would like to have the background I have with Chrome (on the left of the screenshot) for Firefox too ;-) Not the contrary :)

    Oh! You didn’t say that before and I would have thought the opposite!

    Also, to answer the title of your help request: “Is it a bug of Further ?” This is definitely not a bug in Further since it’s a customization and involves custom CSS.

    #153357

    crcgtpc

    Hey !

    I’m not familiar with this solution :/

    Where I’m supposed add the url ?

    Thx a lot for your help !

    E.

    #153507

    The background CSS property is a shorthand property for lots of background rules. It’s very handy!

    Here is an example:

    .CLASSNAME {
    background: url("YOUR_IMAGE_URL") #B90504;
    }

    Replace CLASSNAME the selector you mentioned above:

    #featured-content .attachment-featured-thumbnail a

    Replace YOUR_IMAGE_URL with a link to the background image you want to use. Maybe this one? (it’s one of the images that come with the theme)

    http://s2.wp.com/wp-content/themes/premium/further/images/pattern-dark.png

    You might also like:

    http://www.w3schools.com/css/css_background.asp (scroll to the “Background – Shorthand property” section)

    #153547

    crcgtpc

    Hey !

    I tryed your solution but it don’t work. On Chrome there is always the ordinary background and in FIrefox too.

    I use these CSS lines :

    .featured-content .attachment-featured-thumbnail a {

    background: url(“http://s2.wp.com/wp-content/themes/premium/further/images/pattern-dark.png”);

    }

    Maybe I’m wrong ?

    #153564

    I’m not really sure!

    I think part of the problem might be that you have some other custom CSS interfering. I would recommend trying to remove ALL transitions and animations you may have added to that element you’re trying to add a background image to and then test it again. Or you could try removing all of your custom CSS temporarily, testing the background code until it works in Firefox, and then adding back your other CSS one chunk at a time until you find the conflict. It may take you some work to sort it out!

    #153752

    crcgtpc

    I found a solution with your help ! Thx a lot for your help DesignSimply :-) Y’oure always my hero ^^

    Br,

    E.

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Is it a bug of Further ?’ is closed to new replies.