Is it a bug of Further ?

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

Author

Posts
June 27, 2014 at 5:39 pm #111991 Resolve

crcgtpc
Member

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

June 30, 2014 at 7:27 pm #153304

crcgtpc
Member

Hey !

Is anybody there ?

July 1, 2014 at 10:17 am #153333

Sheri
Member

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.

July 1, 2014 at 10:20 am #153335

crcgtpc
Member

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.

July 1, 2014 at 10:21 am #153336

crcgtpc
Member

Thx for the aside :-)

July 1, 2014 at 10:23 am #153337

crcgtpc
Member

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

July 1, 2014 at 10:56 am #153340

Sheri
Member

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.

July 1, 2014 at 2:04 pm #153357

crcgtpc
Member

Hey !

I’m not familiar with this solution :/

Where I’m supposed add the url ?

Thx a lot for your help !

E.

July 1, 2014 at 3:08 pm #153507
Sheri
Member
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)
July 2, 2014 at 9:34 am #153547

crcgtpc
Member

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 ?

July 2, 2014 at 3:37 pm #153564

Sheri
Member

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!

July 7, 2014 at 7:14 am #153752

crcgtpc
Member

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

Br,

E.
Author

Posts

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

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