Customising Single product page - by sophie

This topic has 43 replies, 3 voices, and was last updated 4 years, 8 months ago ago by Olga Barlow

  • Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 17, 2019 at 12:23

    Hello,

    Please provide us with temporary wp-admin access, so we can take a closer look at your settings.

    Regards

    Avatar: sophie
    sophie
    Participant
    July 17, 2019 at 13:59

    Here are the details requested

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 17, 2019 at 14:07

    Hello,

    I would recommend you to create the footer using a static block. Create a new static block http://prntscr.com/ogahbl with “Footer” title and desired content http://prntscr.com/ogah3o then set the block in Appearance > Widgets > Footer 2 http://prntscr.com/ogahz8 (delete current content from the Footer 2 widget area + delete this custom code from the Home page http://prntscr.com/ogaiwk > then content of the new static block will be shown as footer for all pages on your site).
    I hope this video will be helpful for you – https://youtu.be/HL7wtSaTcMU

    Regards

    Avatar: sophie
    sophie
    Participant
    July 22, 2019 at 09:55

    Hi I am waiting for your reply.

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 22, 2019 at 18:04

    Hello,

    Did you read our previous answer on the second page http://prntscr.com/oijwky Seems you missed that. Please, follow the instructions and let me know if you still have the problems with footer.

    regards

    Avatar: sophie
    sophie
    Participant
    July 23, 2019 at 09:13

    Will this allow me to change the background colour?

    Avatar: sophie
    sophie
    Participant
    July 23, 2019 at 15:32

    Hi Thank you that worked well, but the footer does not respond well when it goes down to mobile and ipad size, can you help with this formatting?

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 23, 2019 at 19:24

    Hello,

    Check now, please. If you want to implement another layout for the mobile version then provide us with the mockup of the mobile version to get correct suggestions.

    Regards

    Avatar: sophie
    sophie
    Participant
    July 24, 2019 at 09:33

    Hi Olga, thats great, how did you fix it?

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 24, 2019 at 11:37

    Hello,

    Enabled stretch row option and aligned the content http://prntscr.com/ojciwn
    Removed the default margin-bottom for the row http://prntscr.com/ojcjdq
    Managed the paddings for the columns http://prntscr.com/ojcjnv
    And elements http://prntscr.com/ojck00
    Added custom class to align the logo for the mobile http://prntscr.com/ojckcf + custom code http://prntscr.com/ojcl31
    That’s all.

    Regards

    Avatar: sophie
    sophie
    Participant
    July 31, 2019 at 12:56

    Please can you help me understand and correct this error the whole site is down

    Please contact administrator
    for this information.
    Avatar: sophie
    sophie
    Participant
    July 31, 2019 at 14:14

    Hi I managed to repair it, but I would like to know how to get rid of the nav bar on home page

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 31, 2019 at 15:28

    Hello,

    Add this code in Custom CSS for page http://prntscr.com/omj2ps

    .page-heading {
        display: none;
    }

    Regards

    Avatar: sophie
    sophie
    Participant
    August 1, 2019 at 11:31

    Thank you rose, it worked great! I used some previous code you gave me
    .page-heading h1 {
    margin-bottom: 10px;
    }
    to get some extra space in the headings but now the return to previous page is being cut by the line, do you have some Css to move up this tag?
    Many Thanks

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 1, 2019 at 12:02

    Please change this code http://prntscr.com/omxizb to

    #breadcrumb {
        padding-top: 10px;
    }

    Regards

    Avatar: sophie
    sophie
    Participant
    August 1, 2019 at 14:38

    Thank you very much! it worked!

    I just tested the site in internet explorer and the menu looks like this

    https://prnt.sc/on04a5
    Is there any way to fix this?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 1, 2019 at 15:29

    Please add this code in style.css of child-theme:

    .header-type-3 .main-nav .menu {
        text-align: right;
    }

    Regards

    Avatar: sophie
    sophie
    Participant
    August 1, 2019 at 15:33

    How do I do that?

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    August 1, 2019 at 16:04

    Hello,

    Appearance > edit theme > choose the style.css file and add that code http://prntscr.com/on1ktt . Save changes.

    Regards

    Avatar: sophie
    sophie
    Participant
    August 1, 2019 at 16:17

    I don’t seem to have that menu option https://prnt.sc/on1s4m

  • 1 2 3
    Viewing 40 results - 21 through 40 (of 43 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.