Various questions

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.

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

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.

Add this for mobile and tablet devices (if needed)

.col-right .woodmart-social-icons {
	text-align: center;
}

[Author]

Posts