Return to previous page

Change background image under page title on website

This topic has 13 replies, 4 voices, and was last updated 4 months ago ago by Andrew Mitchell

Mitul

Participant

December 29, 2023 at 07:27

Hi

Please have a look https://obxgourmet.com/about-us/

There is a background image under page title. I checked the page but it does not allow to change there!

We have several pages for which we want that to change for every page.

Please tell me how to change that background image (of a girl with a baby).

Thank you.

#377995 Copied Theme version: 9.2.5

12 Answers

Rose Tyler

Support staff

December 29, 2023 at 09:44

Hello, Mitul,

Thank you for reaching out to us with your query regarding the background image on your website’s About Us page.

We kindly request that you proceed to edit the page and update the featured image – https://prnt.sc/BIAuyMtd1Gmn

Warm regards,
The 8Theme Team

#378026 Copied

Mitul

Participant

December 30, 2023 at 01:10

Hi Rose,

Thank you so much for your kind support.

Just a question about it.

On Pages, I want to breadcrum same as product page.
https://obxgourmet.com/product/3-chicken-eggs/

You can see there as “Home > Organic”

Because, those banner images can be darker / lighter and the link and the title text over those images are always of same black color.

Eg: https://obxgourmet.com/military-discount/
(Cannot read the text over the featured image)

Can we remove that text off the banners and have them as breadcrum below the featured images for pages?

If possible, pelase take them off and move them under featured images to match the breadcrumb same as product pages.

Thank you.

#378079 Copied

Tony Rodriguez

Support staff

December 30, 2023 at 08:48

Hello, @Mitul,

Thank you for your response.

We are pleased to inform you that the issue you reported has been successfully resolved. We kindly ask that you revisit your website after clearing your browser’s cache to see the changes.

A new static block has been created, and an image has been incorporated within it. You can locate this addition by navigating to your WordPress dashboard, selecting ‘XStore’, then ‘Static Blocks’, and finally clicking on ‘Add new’.

For your convenience, we have provided images to serve as a reference for the newly added static block:
https://imgur.com/EHpwMjF
https://imgur.com/On9c22J

Subsequently, please proceed to edit the specific page where you wish to see the changes. Go to ‘XStore Options’, select ‘Layout’, and then choose ‘Use custom banner above breadcrumbs’. Here, you will be able to select the specific block you wish to display. Remember to update the page to save your changes.

An image has been provided to guide you through this process:
https://imgur.com/nN3Yl4u

Lastly, navigate to ‘XStore’ followed by ‘Theme Options’, and then ‘Breadcrumbs’. Adjust the settings to meet your requirements and ensure to publish the changes to make them effective.

For further guidance, please refer to the image below:
https://imgur.com/H6SfPDy

We trust that these instructions will be of assistance to you.

Should you require any further support, please do not hesitate to contact us.

Best Regards,
The 8Theme Team

#378091 Copied

Mitul

Participant

January 1, 2024 at 04:44

Hi,

Thank you for your efforts but this is not a right solution.

I have processed this as you suggested but see the result
https://obxgourmet.com/about-us/

With this solution, i will have SAME image on all pages where i select this block. I dont want this. I want separate images for each pages and breadcrumb to appear after that.

So to solve this, please implement as follow:

1. Keep Featured Image as is (no need to change/remove)
2. Remove breadcrumb over featured image
3. Add breadcrumb after featured image (for page layout)

Just like you have breadcrum on product pages https://obxgourmet.com/product/watermelon/
(i want breadcrumbs to be same as above on PAGES too)

I have adjusted different featured images for all pages (check privacy policy, payment policy etc links in footer)

This seems to be a simple solution. Please do it as advised above on step 1,2,3.

Thank you for all your support.

—

Update:
I have adjusted that block as to set “featured image” instead of a static image we select. So now i think it will have featured image of each pages.

I have renamed your static block as “Custom Image over Breadcrumb”

Can you see the white space around that block image? Can you please make it touch across the page horizontally? (i tried some settings but couldnt do so).

Then please follow steps 1,2,3 as mentioned above.

Thank you.

#378131 Copied

Tony Rodriguez

Support staff

January 1, 2024 at 09:26

Hello, @Mitul,

We hope this message finds you well.

1/ We are delighted to notify you that the issue you reported has been successfully resolved. The block on your website is now correctly aligned with touching the edges horizontally, ensuring there is no space left on the sides. We kindly ask that you revisit your site to confirm the adjustments at your earliest convenience. Please ensure to clear your browser cache before doing so. You can view the updated page here: https://obxgourmet.com/about-us/

Additionally, for your reference, we have provided a screenshot illustrating the rectified layout: https://ibb.co/dbngxP1

2/ We are delighted to notify you that the concerns you raised have been thoroughly addressed. Our team has successfully implemented and resolved all three points you mentioned. We kindly ask that you revisit your website to confirm the updates. To ensure you are viewing the most recent changes, please clear your browser’s cache before proceeding to the following link: https://obxgourmet.com/about-us/

For your convenience, we have also provided a screenshot illustrating the resolved issues: https://ibb.co/8gCTRQ3

Should you require any further assistance or have additional queries, please do not hesitate to reach out to us.

Best Regards,
The 8Theme Team

#378154 Copied

Mitul

Participant

January 1, 2024 at 11:11

Hi Tony,

Thank you for quick reply and solving the issue.

I want to know what was the problem with the margin of horizontal edges?

I also like to mention that the breadcrumb isnt showing on this contact us page
eg: https://obxgourmet.com/contact-us/

May I please know how did you add breadcrumb to about us page?

Thanks for your kind support.

#378173 Copied

Tony Rodriguez

Support staff

January 1, 2024 at 14:08

Hello @Mitul,

I want to know what was the problem with the margin of horizontal edges?

To rectify the problem, we have implemented Custom CSS code within the image element’s CSS section. For your reference, a screenshot illustrating the changes can be found at the following link: https://ibb.co/c368g57

I also like to mention that the breadcrumb isnt showing on this contact us page
eg: https://obxgourmet.com/contact-us/

Furthermore, we have resolved the issue concerning the breadcrumbs on your website. It was discovered that the breadcrumbs feature had been disabled from the page options. By editing the “Contact Us” page and adjusting the Xstore Page options to default to the breadcrumbs settings from the Theme Options, we have remedied the situation. Please review the following screenshots for a detailed overview of the adjustments made: https://ibb.co/GCDt4BT & https://ibb.co/QXC49VQ.

Should you require any further assistance or have additional questions, please do not hesitate to reach out to us.

Warm regards,
The 8Theme’s Team

#378192 Copied

Mitul

Participant

January 1, 2024 at 17:27

Hi Tony,

Thank you for your reply.

There is a small issue left there on contact us page.

If you see here, https://imgbb.com/QXC49VQ the breadcrumb you have added is above the image where as we added breadcrumb everywhere else, is below that image banner.

eg: see a breadcrumb here https://obxgourmet.com/about-us/
(below the image)

So, on the contact us page; https://obxgourmet.com/contact-us/ please move the breadcrumb above the image, to below the image.

Thank you so much.

#378220 Copied

Tony Rodriguez

Support staff

January 2, 2024 at 06:34

Hello, @Mitul,

I hope this message finds you well.

We have identified the cause of the issue you are experiencing with the Contact Us page on your website. It appears that a featured image had not been assigned to this page, which is necessary for the breadcrumbs to display correctly below the banner, as they do on other pages such as the About Us page.

To rectify this, we have now set a featured image for the Contact Us page. You can view the updated page and the placement of the breadcrumbs in the screenshot provided here: https://ibb.co/X36WPNn

For your reference, here is the screenshot that illustrates the absence of the featured image on the Contact Us page: https://ibb.co/SRtJ4Qt. In contrast, the Contact Us page has a featured image set, as shown in this screenshot: https://ibb.co/kD7pxXs.

We trust that this resolves the issue, and the Contact Us page should now display as intended. Should you require any further assistance or have additional questions, please do not hesitate to contact us.

Best Regards,
The 8Theme Team

#378241 Copied

Mitul

Participant

January 3, 2024 at 01:49

Hi

Thank you for help. Yes it works.

Could you please see here https://www.8theme.com/topic/how-to-add-shipping-amount-by-order-total/ and reply there as its been a long since i replied lastly.

Thanks.

#378369 Copied

Rose Tyler

Support staff

January 3, 2024 at 08:18

Hello, @Mitul,

We are pleased to inform you that your query has been addressed. Kindly review the response at your earliest convenience by following this link: https://www.8theme.com/topic/how-to-add-shipping-amount-by-order-total/ – https://prnt.sc/nublxQJ-57vZ

Should you have any further questions or require additional assistance, please do not hesitate to reach out.

Reply times can vary from time to time and be up to 24 hours Monday – Friday and up to 48 hours on weekends, Sat-Sun. But is usually faster than that.

Best Regards,
The 8Theme Team

#378389 Copied

Andrew Mitchell

Support staff

January 10, 2024 at 00:25

Dear Mitul,

Choosing our theme reflects your commitment to quality, and for that, we’re genuinely grateful. As we constantly strive to elevate your experience, your feedback is an invaluable gift. Could you kindly take a moment to rate our product with 5 stars on ThemeForest?

Click here to share your insights: https://themeforest.net/downloads

Your support fuels our journey, and we appreciate it more than words can express.

Best Regards,
The 8Theme Team

#379403 Copied
Tagged: change background image, page title background, website design, woocommerce themes, wordpress customization, wordpress themes
Viewing 13 results - 1 through 13 (of 13 total)

The issue related to '‘Change background image under page title on website’' has been successfully resolved, and the topic is now closed for further responses

Change background image under page title on website

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection