Centering issue on webpages (agency 2 template)

This topic has 18 replies, 2 voices, and was last updated 10 years ago ago by Eva Kemp

  • Avatar: freerunner
    freerunner
    Participant
    October 15, 2014 at 00:57

    I am also having a problem with elements inside a products page not aligning in the center properly. I am using a plugin that uses and API to post products on my page. However, the products are too far to the left. Is there a way to center the plugin results on the webpage?

    Also, I am wanting to use 1 webpage for an iframe that I would like to fill the whole page, but all of the page templates you have do not allow the iframe to fill the whole page (i.e. sides are cut off). Please advise

    Please, contact administrator
    for this information.
    17 Answers
    Avatar: freerunner
    freerunner
    Participant
    October 15, 2014 at 01:40

    Sorry, changed the webpage name that needs to be looked at to (look below). Thanks

    Please, contact administrator
    for this information.
    Avatar: freerunner
    freerunner
    Participant
    October 15, 2014 at 14:12

    T

    Avatar: freerunner
    freerunner
    Participant
    October 15, 2014 at 16:18

    Sorry spelling error on WordPress login credentials. Please see update below.Thanks

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    October 15, 2014 at 18:54

    Hello,

    I’ve edited Text element settings and set 50px for margin-left in Design Options tab:

    Please check the site now and clear browser cache before.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: freerunner
    freerunner
    Participant
    October 16, 2014 at 12:47

    That seemed to work. Your awesome. One more question. On that same webpage there is a cart icon located in the top right of the page; this icon has a really dark background that it has taken on due to the theme. Is there a way to change the color to allow the cart icon to be seen? Thanks

    Avatar: Eva
    Eva Kemp
    Support staff
    October 16, 2014 at 15:56

    Hello,

    You’re welcome.
    I’ve added the following code into custom.css file:
    .spreadplugin-checkout-link.button { background-color: white !important; }

    Please check the cart icon now.
    You can change color value to what you need.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: freerunner
    freerunner
    Participant
    October 17, 2014 at 16:09

    This worked! Is there a way to increase the size of this icon? Thanks for your time.

    Avatar: Eva
    Eva Kemp
    Support staff
    October 17, 2014 at 18:51

    Hello,

    Sorry, but that is an image located in http://www.squaretac.com/wp-content/plugins/wp-spreadplugin/img/buttons.svg.
    If you want to increase it you need edit the image itself.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: freerunner
    freerunner
    Participant
    October 29, 2014 at 06:09

    Is there a way to replace the cart image with my own? I added an image to my WP Media Library (link provided below) and was wanting to replace the small cart icon with mine. Can you help me? Thanks

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    October 29, 2014 at 14:14

    Hello,

    Please try to use this code in custom.css file:

    .spreadplugin-checkout-link.button {
    background-image: none;
    }
    .spreadplugin-checkout-link:before {
    width: 72px !important;
    height: 68px !important;
    margin: 0px 35px 0 0 !important;
    background: url('http://freerunner.wpengine.com/wp-content/uploads/2014/10/cart_icon_spreadplugin.png') no-repeat 0 0 !important;
    }

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: freerunner
    freerunner
    Participant
    October 29, 2014 at 19:25

    Thanks for the response. This did not seem to fix the issue. Please advise

    Avatar: Eva
    Eva Kemp
    Support staff
    October 29, 2014 at 20:36

    Hello,

    Please check it now.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: freerunner
    freerunner
    Participant
    October 29, 2014 at 20:52

    It looks beautiful, thanks. One more thing on this (almost finished with the website). How do I move the “next” page text to the bottom of the page? It placed to high on the right side of the last product displayed. And is there anyway to increase the text size of the numbers for the cart? Thanks you for your time, this will get my shop to the perfect settings.

    I used this code to move the edit icon on the products previously, which worked wonderfully, but I do not know how to do it for the next page text:
    .spreadplugin-article .edit-wrapper-integrated, .spreadplugin-items .edit-wrapper {
    float:none !important;
    margin-top:230px !important;
    }

    Avatar: Eva
    Eva Kemp
    Support staff
    October 29, 2014 at 22:33

    Hello,

    We’re unable to access the site.
    Are there any problems on a server at your host?

    Regards,
    Eva Kemp.

    Avatar: freerunner
    freerunner
    Participant
    October 30, 2014 at 00:08

    Sorry for that. I am currently re-routing DNS records, but you should now be able to log in with the credentials previously given. Thanks.

    Avatar: freerunner
    freerunner
    Participant
    October 30, 2014 at 12:29

    Eva, are you able to log in?

    Avatar: Eva
    Eva Kemp
    Support staff
    October 30, 2014 at 16:16

    Hello,

    I’ve added the following code into custom.css file:

    .spreadplugin-items #pagination {
         margin-top: 400px;
    }
    .spreadplugin-menu #checkout span {
    font-size: 30px;
    }

    Please check your Store page now and clear browser cache before.

    Thank you.
    Regards,
    Eva Kemp.

  • Viewing 18 results - 1 through 18 (of 18 total)

The issue related to '‘Centering issue on webpages (agency 2 template)’' has been successfully resolved, and the topic is now closed for further responses

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