Nature One – home page customization

Home Forums All Other Themes Nature One – home page customization

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #19088
    Juan Miguel
    Member
    • Topics: 4
    • Replies: 11
    • Total: 15
    Member since: January 17, 2016

    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

    #19206
    SKT Themes
    Keymaster
    • Topics: 8
    • Replies: 6695
    • Total: 6703
    Member since: June 12, 2013

    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

    #19216
    Juan Miguel
    Member
    • Topics: 4
    • Replies: 11
    • Total: 15
    Member since: January 17, 2016

    Thank you! it worked perfectly

    #19243
    Juan Miguel
    Member
    • Topics: 4
    • Replies: 11
    • Total: 15
    Member since: January 17, 2016

    How can I hide footer the theme footer?

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

    Thanks

    #19318
    SKT Themes
    Keymaster
    • Topics: 8
    • Replies: 6695
    • Total: 6703
    Member since: June 12, 2013

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

    .footer-top{display:none;}

    Regards,
    Shri

    #19352
    Juan Miguel
    Member
    • Topics: 4
    • Replies: 11
    • Total: 15
    Member since: January 17, 2016

    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

    #19537
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 22369
    • Total: 22369
    Member since: August 16, 2013

    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

    #19590
    Juan Miguel
    Member
    • Topics: 4
    • Replies: 11
    • Total: 15
    Member since: January 17, 2016

    Thank you! That worked very well!

    #19677
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 22369
    • Total: 22369
    Member since: August 16, 2013

    Great

    Regards,
    Shri

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.