Nature One – home page customization

[Juan Miguel]

I would like to customize some aspects of the home page with the nature one theme and I was wondering if I could get some help. I have some experience with web development but I am new to wordpress:

1) In the features-section instead of having a small size determined icon I would like to have a larger icon and the text to the right. Now when I place a larger icon the header text (tagged as h5) and text (tagged as p) overlay on the icon. I would like to have instead a three column section here each column has an icon to the left and the text and link to the right.

2) I would like to customize the footer exactly as this page, with vertical lists of categorized menu items, as well as the social links and search form

My working page is found in:

http://jartigas59.pairserver.com/cichlid.org/

Thanks for any help provided

[Sonl Sinha]

Hi,

1. You will have to hide the current block of columns and then post another section with 3 column shortcode.
2. Similarly will have to hide footer and just above footer will have to place another section similar to footer for this purpose.

Regards,
Shri

[Juan Miguel]

Thank you! it worked perfectly

[Juan Miguel]

How can I hide footer the theme footer?

http://jartigas59.pairserver.com/cichlid.org/

Thanks

[Sonl Sinha]

Kindly Add this in Custom CSS (appearance>theme options>basic settings or layout settings>Custom CSS)

.footer-top{display:none;}

Regards,
Shri

[Juan Miguel]

Shri,

Thank you so much, in the end I did not use the option to handle the footer as a section (it worked nice though) as it would only show in the main page and I want it to show in every page of the site.

I then used an internet tutorial to add more sections to the footer (editing footer.php and functions.php files) and hard-coded the column widths in footer.php. I obtained what I wanted:

http://jartigas59.pairserver.com/cichlid.org/

I however I would still like to customize some aspects of the footer like the titles for columns for which I am not able to find the CSS tags class=”footer-column”. What I want is to make the header font smaller and remove the underline.

Could you please guide me with this?

I thank you so much for your support

[Sonl Sinha]

Hi Juan,

Kindly go to Appearance>Theme Options>Basic Settings>Custom CSS box:
Add this css code in custom css box

.footer-column h3 {background:none !important; font-size:14px !important;}

Regards,
Shri

[Juan Miguel]

Thank you! That worked very well!

[Sonl Sinha]

Great

Regards,
Shri

[Author]

Posts