- This topic has 49 replies, 2 voices, and was last updated 5 years, 10 months ago by
.
-
Posts
-
To follow on the section is currently covered by the words ‘Payment Page” as the thumbnail image doesn’t cover the block, so it look weak
Hello,
Please provide your site URL so that we can look further into the issue and help you.
Also, the screenshot that you have posted are broken so we really could not get the issue.
PS: You can use the light shot for the screenshot.
Thank you.
Regards!!
I’ve done this via img button above, not sure what button offers me add a screen shot
url https://petbuyingprotection.com which will takes you to the front page you should be able to see the issue of the pic disappearing to the side and the slider blocking the headline.
Also the button space under ‘Buy now’ only offers a thumbnail any pic I add looks lost, at the moment It just says ‘Payment page’
Hello,
To resolve the issue of the header at the top and the image right at the side add below given CSS by going to Admin Panel > Appearance > Customize > Additional CSS.
#about-us .featured-image { background-size: cover; background-repeat: no-repeat; background-position: 25%; } #about-us .entry-container { margin-top: 53px; }As for the buy now section, we are still not clear so please explain it further.
Thank you.
Regards!
I’ve put a featured image from the editing section and put a pic of a dog and cat together, you’ll see the square image looks lost and when the curser hovers over it, the Pay here now shows up.
2 issues
1. Is there a way the image can be larger to make it look better in the white space?
2 Also when I update and see it live on the ‘pay now’ page the visual sits under the header pic, which I don’t want; however when I go back to the edit page it’s not showing, how can I keep it as a feature image for the Homepage ( hopefully enlarged) and not have a larger version on the live
url https://petbuyingprotection.com/pay-now/ which is too much as we need people to go to payment part without scrolling too muchHello,
Issue #1
We still don’t understand the query. But, we assume that you want to get image enlarged but it can’t be done without a custom code. The code provided below will enlarge it for a certain level but not more than that. Or, you could try adding another section for that. So you will need to hire a customizer.#our-projects .project-slider .slick-track, #our-projects .project-slider .slick-slide { width: 100% !important; } #our-projects .project-slider .project-deatils { display: none; } #our-projects .project-content-wrapper:before { display: none; }Issue #2
From your query on the issue #2, we assume that you want to get rid of the banner image. Here is the CSS for that.
If this still doesn’t solve the issue, please provide the screenshot of the problem..page-id-457 .banner-image { display: none; }Hope this helps.
Regards!!
Hi I’ve added a calculator to the sample page. The calculator works; however the layout is an issue. Do you have CSS code or suggestion for it to look right in the theme?
Url to see page live is https://petbuyingprotection.com/sample-page-2-2/
Look forward to your suggestion. P.s the calculator developer showed me a screenshot with Gutenberg and it looks fine. He suggested if it didn’t it will be a theme layout issue
The calculator developer sent me css code .wpcf7 p, .wpcf7 p:nth-child(2), .wpcf7 p:nth-child(3) {
width: 50%;
float: none;
}The developer said if it didn’t work then I need to speak to you guys
I put it in additional settings in the contact form 7 but the layout is still out.
Should I put this is in ‘Additional CSS’ under ‘Customise’ on the main page? Or
If this is the wrong code what should I add and where? At the moment I’ve only placed the calculator on the sample page https://petbuyingprotection.com/sample-page-2-2/ so you can view the layout issue. I want to have the calculator and clean layout of the calculator in use on any relevant page
I’ve done some lateral thinking and have made the contact form 7 update with calculator.
The form isn’t perfect in respect to how it should ideally look, but at least it’s consistent.Ignore above; however do you have suggestions regarding improving the forms look on the page?Hello,
Please add below given CSS by going to Admin Panel > Appearance > Customize > Additional CSS .
#wpcf7-f1578-p135-o1.wpcf7 p { width: 200px; float: none; }Hope this helps.
Best Regards!!
Thanks for the above.
One other issue on the theme Home page.
Under the Contact section the contact form 7 scrolls down; however there is white space to the right of the form.
I can’t find an option to place a large photo to fit with the style of the home page.
Can you provide me with an option to move the form to the right and either place a photo to the left?If not is there a way to double bank the Contact form 7 instead
Either option with solve the blank space issue
Hello @petbuyingprotection,
Please check for the option to place the image on the left in the dashboard. You can place the form on the right side using the below CSS as well.
@media screen and (min-width: 767px) { .contact-section-wrapper { flex-direction: row-reverse; } }Hope this helps.
Regards!!
Hi I can’t find the option to place the image on the left. Under ‘Customize the Front Page’, ‘Contact Details’ doesn’t offer an image placement option. Please check and provide guidance.
Hello @petbuyingprotection,
Since there is no option for alignment you can add below given CSS by going to Admin Panel > Appearance > Customize > Additional CSS.
Thank you.
Regards!!
Hi you provided code to place a pic to the left of ‘Get in Touch with us’on the home page, however part of that pic is now showing (below main pic) on all of the sub pages i.e. ‘Contact’, ‘About us’, ‘Pay Now’, ‘Buyer & seller info’, ‘New Stories’
Can you provide advice to eliminate this pic on the sub pages, but keeps the picture on the home page. The picture depicts a female and dog ‘high fiving’
- You must be logged in to reply to this topic.
