Home › Forums › WoodMart support forum › Various questions

Various questions

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 18, 2018 at 7:07 pm #83705

    d_ch
    Participant

    Hi,

    I would like to ask you about the following issues:

    1) At my footer copyright text I have added the following:

    © Copyright 2018. All Rights Reserved | Powered by <a href="https://www.webfish.gr/" target="_blank"><span></span></a>

    In addition I have added the following CSS at Custom CSS:

    .min-footer>div span {
    display: inline-block;
    background: url(https://www.mavros-stores.gr/wp-content/uploads/2018/10/webfish_logo.png) no-repeat center center;
    width: 100px;
    height: 19px;
    line-height: 12px;
    vertical-align: middle;
}

    My company’s logo is appeared normally but it is also appeared at the Text next to copyrights where I have the shortcode [social_buttons type="follow"]. Why does this happen? Please check my screenshot “footer-screenshot”.

    2) Is it possible after fixing the 1st above issue, the social buttons to be appeared at the bottom right of the footer? Currently they are not appeared totally right as you will see at my screenshot “social-screenshot”.

    3) At footer column 4, I used your mailchimp signup form widget. When I add an “AGREE_TO_TERMS” label via Form code, it is not appeared at both form preview and at my front-end. In addition, is it possible the submit button to be appeared exactly under the email input type, center aligned at all screen sizes? Please check my screenshots “mailchimp-screenshot” and “mailchimp-screenshot-2”.

    Attachments:
    You must be logged in to view attached files.
    October 19, 2018 at 6:13 am #83733

    Artem Temos
    Keymaster

    Hi,

    1. Try to replace the selector from this .min-footer>div span to this one .min-footer .col-left span.

    2. Set an align for the social buttons like this [social_buttons type="follow" align="right"].

    3. Try to use the following CSS code

    .mc4wp-form p:last-child label {
	display: block;
}

body .mc4wp-form>div>p {
		max-width: 100%;
		flex-basis: 100%;
		width: 100%;
}

    Regards

    October 19, 2018 at 6:40 am #83746

    d_ch
    Participant

    Hi,

    Thank you very much for your tips. All worked perfect!

    I have only one extra issue regarding my 3rd question – the alignment of social media icons. Even if they are aligned right correctly at desktop with your given shortcode, at mobile screen sizes I would like them to be aligned center because they are hidden behind the back top top button as you will see at my attached screenshot.

    How can I achieve this?

    Attachments:
    You must be logged in to view attached files.
    October 19, 2018 at 7:48 am #83757

    Artem Temos
    Keymaster

    Add this for mobile and tablet devices (if needed) 

    .col-right .woodmart-social-icons {
	text-align: center;
}
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)