CSS code to Customize Footer's height and slider issues

Posted in: Newspaper
Post count: 76
joyceloh
#86414
Dec 30, 2015 at 10:27 am

Hi,

My link is http://www.sansan.qriosity.com.sg

1) Can you please provide me the CSS code to shorten the height of the footer and to remove the white line?

2) Is the grid style slider able to use the current style l have but divide into 3 parts only?

3) How can I make the ad box in my homepage same width as my grid style slider on top?

Thanks!

  • This topic was modified 10 years by joyceloh.
Post count: 22421
Bogdan B.
#86440
Dec 30, 2015 at 11:39 am

Hello,

1) you can make the footer narrower with custom css:
.td-footer-wrapper{
padding-top: 0px!important;
padding-bottom: 0px!important;
}
.td-footer-bottom-full{
padding-top:10px!important;
padding-bottom: 10px!important;
}

2) Unfortunately the big grids have a fixed design. Sections of them cannot be removed as other sections will not fit properly anymore. In order to achieve this you will need custom work.
3) If you use a custom ad you can have any dimension you want to it. Simply add an image with the size of the content width using this method: https://forum.tagdiv.com/using-other-ads/

I hope this helps.
Thank you!

Post count: 76
joyceloh
#86443
Dec 30, 2015 at 11:56 am

Hi,

Can you also help me with the below:

1. CCS code to narrow the height of the footer, but I need a white line in between the footer with sub footer

2. How do I edit the title in the footer, “ABOUT US” to “BUSINESS CARD MANAGEMENT”?
2a. In the Footer Text, can you help me to make the textlink “Free Trial – Apple & Android” in bigger fonts and in Orange colour?

3. how do I widen the width for the logo in my header and align it with “NEWS”?

Thanks!!

  • This reply was modified 10 years by joyceloh.
  • This reply was modified 10 years by joyceloh.
Post count: 76
joyceloh
#86451
Dec 30, 2015 at 1:31 pm

Hi,

1 more question, how can I make the logo at my footer clickable to a link?

Thanks!

Post count: 6535
Andrei L.
#86480
Dec 30, 2015 at 2:55 pm

Hi

1, 2a, 3 Try this css: http://screencast.com/t/mWcUWC4XB4I – http://screencast.com/t/o7sO1Yzjqi

.footer-text-wrap p:last-child, .footer-text-wrap a{
color: orange!important;
font-size: 20px;
}
.td-header-sp-logo{
margin-left: 8px!important;
}

2. You need to edit td_footer_extra_bottom.php file here: http://screencast.com/t/oto919Wjg87T

4. You need to edit the td_footer_extra_bottom.php like here http://screencast.com/t/BO9FSouW

Let us know how it goes.
Thanks!

Post count: 76
joyceloh
#86481
Dec 30, 2015 at 3:06 pm

Hi,

The line in the footer needs to be above the copyright text 🙂

I tried your code but the line appears above the logo in the footer, am I doing anything wrong?

link: http://www.sansan.qriosity.com.sg

Please help.. Thanks!

Post count: 22421
Bogdan B.
#86484
Dec 30, 2015 at 3:17 pm

Hello,

Please use this code for the line:


.td-sub-footer-container .td-container{
border-top:1px solid rgb(63, 104, 154)
}

Thank you!

Post count: 76
joyceloh
#86498
Dec 30, 2015 at 3:55 pm

It works! Thanks!

  • This reply was modified 10 years by joyceloh.
Viewing 8 posts - 1 through 8 (of 8 total)
The forum ‘Newspaper’ is closed to new topics and replies.