Return to previous page

Please Help. Footer correct code format.

This topic has 10 replies, 3 voices, and was last updated 8 years, 12 months ago ago by Eva Kemp

ilnegozio

Participant

May 11, 2015 at 09:38

Hi Eva,

Please help on how to achieve this: http://prntscr.com/73xjoh

1. Informations – please provide us the correct code to achieve that format.

2. Recent Posts – please provide us the correct code to achieve that format.

Please, I wanted to be like on that screen shot.

Best Regards.

#63043 Copied

9 Answers

Brian Johnson

Member

May 11, 2015 at 10:08

Hello

Please read here hpw to create footer as on our demo:
https://www.8theme.com/demo/docs/royal/index.html#!/9_footer
You will find all necessary code and instructions there.

With best regards
Brian Johnson

#63058 Copied

ilnegozio

Participant

May 11, 2015 at 10:17

Hi Brian,

Thanks for the reply, as I manage to do that but the thing is that serial no. 1 and 2 are not there, as you can see also that serial 1 and 2 are all underlined text on its title and I wanted to achieve that exact format. Please help me on these, newbie here.

If you can provide me the code or instruction how to do that it would be much appreciated.

Thanks.

#63063 Copied
Brian Johnson

Member

May 11, 2015 at 10:33
Hello

Please add following code into the custom.css to get text underlined:
```
.main-footer .widget-title {
  border-bottom: 1px solid #3F3F3F;}
```
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

With best regards
Brian Johnson
#63071 Copied
ilnegozio

Participant

May 11, 2015 at 10:48

Hello Brian,

I added the code to custom.css and made no luck to me.

Here is my screenshot: http://prntscr.com/73y0h2

And please I only want the same format as this: http://prntscr.com/73xjoh

“INFORMATIONS” and “RECENT POSTS” only nothing else.

Regards.

#63078 Copied
Brian Johnson

Member

May 11, 2015 at 11:14
The code for the first text widget in VC is:
```
<ul class="col-ct-6 list-unstyled">
	<li class="firstItem"><a href="https://www.8theme.com/demo/royal/?page_id=10105">About us</a></li>
	<li><a href="#">Our office</a></li>
	<li><a href="https://www.8theme.com/demo/royal/?page_id=5020">Delivery</a></li>
	<li><a href="https://www.8theme.com/demo/royal/?page_id=12134">Store</a></li>
	<li><a href="#">Guarantee</a></li>
	<li><a href="#">Buy gift cards</a></li>
	<li class="lastItem"><a href="#">Returns</a></li>
</ul>
<ul class="col-ct-6 list-unstyled">
	<li class="firstItem"><a href="#">Track your order</a></li>
	<li><a href="#">Terms</a></li>
	<li><a href="#">Conditions</a></li>
	<li><a href="https://www.8theme.com/demo/royal/?page_id=5063">Contact us</a></li>
	<li><a href="https://www.8theme.com/demo/royal/?product=bandana">Manufacturers</a></li>
	<li><a href="https://www.8theme.com/demo/royal/?product=holly-dress">New Brands</a></li>
	<li class="lastItem"><a href="#">News</a></li>
</ul>
```
Second widget can be found in appearance-widgets “etheme resent posts”.
Css code above adds line for widget title which should affect text and recent posts widget header. You may sett all widgets and we will provide you with code which will match your existing widgets.
Following code will affect you tag cloud heading:
```
.main-footer .widgettitle {
  border-bottom: 1px solid #3F3F3F;}
```
With best regards
Brian Johnson
#63087 Copied
ilnegozio

Participant

May 11, 2015 at 11:57

Hi Brian,

.main-footer .widgettitle {
border-bottom: 1px solid #3F3F3F;}

I added the code above and “Product Tags” only is having that underline, “Informations” doesn’t have.

Please advise.

Thanks Brian so much for this.

Regards.

#63104 Copied
Brian Johnson

Member

May 11, 2015 at 12:04
Please try to use following code instead of previous:
```
.vc_custom_heading{
border-bottom: 1px solid #3F3F3F;}
```
With best regards
Brian Johnson
#63111 Copied
ilnegozio

Participant

May 11, 2015 at 12:13

Hi Brian,

Thank you so much. It works like a charm.

Best Regards.

#63115 Copied

Eva Kemp

Support staff

May 11, 2015 at 12:52

Hello,

You’re welcome.

Regards,
Eva Kemp.

#63130 Copied
Tagged: code, correct, footer, format, help, themes, woocommerce, wordpress
Viewing 10 results - 1 through 10 (of 10 total)