Customizing Home Page Features
- This topic has 5 replies, 3 voices, and was last updated 7 years, 1 month ago by Grace Themes.
-
AuthorPosts
-
March 21, 2017 at 5:04 am #3610EmilyParticipant
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>March 21, 2017 at 7:04 pm #3618Grace ThemesMemberHi
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 ThemesApril 4, 2017 at 11:59 pm #3863EmilyParticipantHi! 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/” and cannot direct it to just “http://b98.c8e.myftpupload.com”. 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!
April 5, 2017 at 6:17 am #3865Grace ThemesMemberHi
Can you please send WordPress admin login details for temporary at [email protected] so we can check and solve your issue quickly?
Regards
Grace ThemesAugust 31, 2017 at 6:47 pm #5682christina sunParticipantHi
I hide some sections on the home page . May I know how to show them again please?September 1, 2017 at 7:22 am #5696Grace ThemesMemberHi christina,
You can show/hide section on homepage.
The settings for this is available in
Appearance -> Theme Options -> Sections -> Section 1/2/3.. -> Hide SectionCheck/uncheck to hide or show that homepage section
Regards
Grace Themes -
AuthorPosts
- You must be logged in to reply to this topic.