Layout help

[Dresstive]

Hello guys, I would like to make some layout changes to your default footer. However, I do not know how, can you please give me the right code or some custom CSS?

http://daniabikesbeta.com

In the subscribe one in the bottom right corner I would like for the Sign up for our newsletter to be just below the social icons. So the line outside of the one “>” where there is nothing should be removed so the rest is pushed up.

[Dresstive]

It says “Tilmeld vores nyhedsbrev” not Sign up for our newsletter sorry I translated it. But that is the area I am talking about.

Also how do I make a form so they can signup? What program? 🙂

[Nishant – SUPPORT]

Hello Dresstive,

We are using Mailchimp. Do a quick search on our forums, this question is answered many times. You will find the answer.

Also, can you post a screenshot and your site URL for the custom css help you need. This will help us to resolve your query more quickly.

[Dresstive]

Thank you I will find the Mailchimp.

http://www.daniabikesbeta.com

Go to the bottom right corner.

What I would like is for the line between the social icons and the line “Tilmeld dig vores Nyhedsbrev” to be removed so it all looks better placed. Thanks!

[Nishant – SUPPORT]

Use this custom CSS. Put this in you theme option’s Custom CSS box

.widget hr {
  border: none;
  border-bottom: 0;
}

[Dresstive]

Thank you a lot! Is it also possible to move the > closer to the words? So it is like:

FAQ >
CAT >
HEL >

instead of:

FAQ >
CAT >

? Thank you so much!!

[Dresstive]

In the bottom one I made a lot of spaces it did not appear. What I mean is to remove the many spaces, so there is just the word then one space then the > symbol.

[Mohammad – SUPPORT]

Hi,
Please attach a marked screenshot.
Thanks
Mohammad

[Dresstive]

I cannot really explain it on a screenshot that will only be confusing. I will try to explain it by text, and if you still do not understand I will try to take a picture and play around in paint to pint it out. I hope that works for you 🙂

 

On the bottom of the page (the part that you already helped with) there is the Widget. There are several menus and they all have the icon “>” next to them. But between the text and the “>” there is a lot of spaces. I want the > to be just next to the menuname, so there is only one space. So it looks like FAQ > instead of FAQ a lot of spaces here >

 

Hope that makes sense. if not let me know! thanks so much

[Nishant – SUPPORT]

Yes, thanks for the explanation.

Please use the custom css code below:

section.widget.widget_nav_menu li a {
    display: inline-block;
}

section.widget.widget_nav_menu li a:before {
    margin-left: 20px;
}