Archived topic
conflict background hero page article
18 replies · Started by alexis on December 3, 2019
hi !
there's a conflict on the page of one of my articles. It takes in background the image of the article while I set it to be another image (done via element).
I have a solution that consists in putting the background in"!important in css".
But is there another solution?
Hi there,
All it means is that the CSS needs to be more specific than the CSS it is overriding. If you cannot make it any more specific than using !important is fine.
Okay, there is no solution in php for that on:
articles with this 'id' do not display the image highlighted (article)so that the hero page I created is taken
I am not sure i fully understand - could you remove the coming soon and link me to the post where i can see the problem?
this is the css code I put in:
.postid-951 .page-hero {
background-image: url(https://k-lya.fr/wp-content/uploads/2019/12/design-afb-agencements.jpg)!important;}
but I created a page hero in element.
Why do you need the CSS to change the background image of that page?
In the Header Element you can choose the Featured Image for the background and then each page will use its own featured image? Or you could create a separate element for each?
Sorry,
it doesn't work in element. The image of the article takes over. In fact the article image is the image of a mockup (website layout). And in the article I want to header the image I want (made with element but does not work)
How many Header Elements do you have?
If you have more then one you have to make sure the Display Rules are not conflicting.
For example:
If the First header element you created is set to ALL Pages. And your Second Header Element is set to a specific page then the First Header will always display. To get around this you must Exclude the pages from the first header element.
Sorry we had to misunderstand each other, I put screenshots. In element I put my photos and rental item well.
But it is in my article page that featured image takes over and there is a conflict
https://drive.google.com/file/d/19-936-96GE_747M8G3yhQ5tluNmupqiW/view?usp=sharing
https://drive.google.com/file/d/156GnDcSqhbw_si1QR4XTDlyhg2i8o3L3/view?usp=sharing
Do you have any other Header Elements that include the Display Rules for Articles ?
No, the rule is that only my article afb agencements. If I delete the image highlighted in the article then the photo defined in element is displayed
do you have a solution to resolve this conflict? Because otherwise I must to make a line of css for each article
Cab you send me a screenshot of the Page Hero tab ?
Sorry can you edit the afb_header element and provide a screenshot of the Page Hero - i need to see the settings being used.