Return to previous page

How do the parallax breadcrumbs work? - by mc9625

This topic has 9 replies, 3 voices, and was last updated 9 years, 11 months ago ago by mc9625

mc9625

Participant

December 16, 2014 at 11:11

I can’t figure how to properly set up the parallax breadcrumb. If I do choose this option in a page, the breadcrumb (and the page title as well) is displayed in white over a light grey solid color background. How I’m supposed to select the image to be used as parallax background? Thanks

#29757 Copied

8 Answers
Robert Hall

Support staff

December 16, 2014 at 11:20
Hello,

Please add following code into custom.css file.
```
.page-heading{
background: (here link to your image);
}
```
Regards,
Robert Hall.
#29760 Copied
mc9625

Participant

December 16, 2014 at 11:26

oh. I see.

Since I would like to have a custom header background in an easier way, I think I should modify the code in order to take the featured image of the page, instead of the one chosen in the theme settings. Could you tell me which file is responsible for the header?

#29765 Copied

Robert Hall

Support staff

December 16, 2014 at 11:33

In this case you can edit header-structure-1.php file.

Regards,
Robert Hall.

#29771 Copied

mc9625

Participant

December 16, 2014 at 11:39

Are you sure? on that file I can only find code for what is inside the div “header-wrapper”, while I think I should modify the content of the div “.page-heading”. Isn’t it?

#29773 Copied

Robert Hall

Support staff

December 16, 2014 at 13:16

You asked about header. Breadcrumbs is section below. Could you please clarify on what page you want do changes?
For example, for portfolio page you need edit \themes\royal\portfolio.php file.

Regards,
Robert Hall.

#29786 Copied

mc9625

Participant

December 16, 2014 at 13:25

Ok, actually I want to modify the way the heading background is selected. Basically I need to implement a php that set the CSS property of “.bc-type-5, .bc-type-6 ” to something like: background-image= the_post_thumbnail();

#29788 Copied

Eva Kemp

Support staff

December 16, 2014 at 20:12

Hello,

Could you please clarify with more details what exactly you want to achieve?
Please provide us with wp-admin panel credentials in Private Content.

Thank you.
Regards,
Eva Kemp.

#29900 Copied
mc9625

Participant

December 17, 2014 at 09:41
Right now, in the page layout options when we choose the breadcrumb style parallax or “with background” we can’t choose which image will be used as background in the heading of the page. This image is actually selected from the 8theme theme options.

I would like to change the behaviour of the theme, adding a snippet that should read the featured image for the page currently displayed, and use it as the background of the heading section. This would allow to have different background for each pages.

I guess the easiest way would be to have a bit of code that retrieve the featured image url
something like
```
if ( has_post_thumbnail() ) {
	$large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'large' );
```
and create a css rule
something like

echo ‘<STYLE type=”text/css”>
.bc-type-3, .bc-type-4, .bc-type-5, .bc-type-6 {
background-image: url(‘. $large_image_url[0] .’);
}</STYLE>’
#29983 Copied
Viewing 9 results - 1 through 9 (of 9 total)