Home Forums Pro Themes Korpo Pro Korpo-pro FP Our services section 3 subjects show html and not copy

This topic contains 43 replies, has 2 voices, and was last updated by  wensolutions 4 days, 9 hours ago.

Viewing 14 posts - 31 through 44 (of 44 total)
  • Author
    Posts
  • #85522

    Roy Wilcox
    Participant

    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

    #85528

    wensolutions
    Keymaster

    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!!

    #85535

    Roy Wilcox
    Participant

    top image to left puppies to right slide bar

    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’

    #85579

    wensolutions
    Keymaster

    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!

    #85596

    Roy Wilcox
    Participant

    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 much

    #85612

    wensolutions
    Keymaster

    Hello,

    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!!

    #86527

    Roy Wilcox
    Participant

    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

    #86529

    Roy Wilcox
    Participant

    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

    #86536

    Roy Wilcox
    Participant

    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?

    #86553

    wensolutions
    Keymaster

    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!!

    #86572

    Roy Wilcox
    Participant

    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

    #86625

    wensolutions
    Keymaster

    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!!

    #86787

    Roy Wilcox
    Participant

    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.

    #86788

    wensolutions
    Keymaster

    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!!

Viewing 14 posts - 31 through 44 (of 44 total)

You must be logged in to reply to this topic.