Black Friday & Cyber Monday Offer | Flat 20% OFF on Lifetime & All Themes Package. Use coupon code BFCM24 | Offer valid till 5th Dec 2024 Buy Now

WordPress Website Templates

Find Professional WordPress themes Easy and Simple to Setup

inner banner

Customizing Home Page Features

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #3610
    Emily
    Participant

    Hello,

    I am using the “Features” section on the home page, however I would like it to be 3 columns instead of 4. When I change the short code to the content below, the fa-icons shrink and the circles disappear. The paragraphs also left align instead of center. How do I change this section to 3 columns without the other changes taking place?
    http://b98.c8e.myftpupload.com/

    Thanks a lot!

    Short code used:

    [column_content type=”one_third”]<i class=”fa fa-users”></i>
    <h4>Qualified Team</h4>
     

    Lorem ipsum dolor sit amet, consectetur adipiscinr sed gravida tortor, sed ullamcorper tellus. Cras id magna tempor, porta nunc quis consectetur adipiscinr sed gravida tortor, sed ullamcorper tellus.

    [/column_content]

    [column_content type=”one_third”]<i class=”fa fa-gears”></i>
    <h4>Superior Support</h4>
     

    Lorem ipsum dolor sit amet, consectetur adipiscinr sed gravida tortor, sed ullamcorper tellus. Cras id magna tempor, porta nunc quis consectetur adipiscinr sed gravida tortor, sed ullamcorper tellus.
    [/column_content]

    [column_content type=”one_third_last”]<i class=”fa fa-desktop”></i>
    <h4>The Best Design</h4>
     

    Lorem ipsum dolor sit amet, consectetur adipiscinr sed gravida tortor, sed ullamcorper tellus. Cras id magna tempor, porta nunc quis consectetur adipiscinr sed gravida tortor, sed ullamcorper tellus.
    [/column_content]
    <div class=”clear”></div>

    #3618
    Grace Themes
    Member

    Hi

    To solve this issue

    Go to Appearance -> Editor -> style.css

    and use below css code at the end of style.css file

    .services-wrap .one_third { text-align:center; margin-bottom:0;}
    .services-wrap .one_third .fa{ background-color:#A8B1B8; color:#fff; padding:35px; font-size:50px; border-radius:50%;}
    .services-wrap .one_third h4{ margin:15px 0;}
    .services-wrap .one_third:hover .fa{ background-color:#5095CE; color:#fff;}
    .services-wrap .one_third:hover h4{ color:#5095CE;}
    .services-wrap .one_third a.rdmore{ color:#78797c; margin-top:25px; display:inline-block; padding:8px 20px; border:1px solid #A8B1B8;  border-radius:20px;}
    .services-wrap .one_third:hover a.rdmore{ border-color:#5095CE; color:#5095CE;}

    Regards
    Grace Themes

    #3863
    Emily
    Participant

    Hi! Thank you so much. This worked great.

    I had another quick question that came up. Is it possible to set my “Home” tab url to direct to the index/home page that the template comes in? I seem to have the “Home” tab set to “http://b98.c8e.myftpupload.com/home/&#8221; and cannot direct it to just “http://b98.c8e.myftpupload.com&#8221;. I know this is repetitive but my client wants to keep the Home tab in the navigation, and I’m hoping there’s an easier way to set this other than duplicating the HTML on to the Home page tab.

    http://b98.c8e.myftpupload.com/home/

    Thank you!

    #3865
    Grace Themes
    Member

    Hi

    Can you please send WordPress admin login details for temporary at [email protected] so we can check and solve your issue quickly?

    Regards
    Grace Themes

    #5682
    christina sun
    Participant

    Hi
    I hide some sections on the home page . May I know how to show them again please?

    #5696
    Grace Themes
    Member

    Hi christina,

    You can show/hide section on homepage.

    The settings for this is available in
    Appearance -> Theme Options -> Sections -> Section 1/2/3.. -> Hide Section

    Check/uncheck to hide or show that homepage section

    Regards
    Grace Themes

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