Community Forums › Forums › Archived Forums › Design Tips and Tricks › News Pro theme: Please Help
Tagged: css customization, news pro theme
- This topic has 8 replies, 2 voices, and was last updated 10 years, 10 months ago by
Davinder Singh Kainth.
-
AuthorPosts
-
March 6, 2014 at 6:19 am #93643
linotek
MemberHi,
Please help me to setup News Pro theme properly on http://www.tiploot.com
1. Remove free space (background above header) above site title
2. Remove 'Filed Under:' and 'Tagged With' options between posts
3. Remove black line above Sidebar title
4. Remove arrow '>' just before titles under 'Recent posts'I'm new to css design so it's almost impossible to me to adjust above settings.
http://www.tiploot.com/March 6, 2014 at 8:48 am #93659Davinder Singh Kainth
Member1. Change 40px value in following code in style.css file
/* Site Header ---------------------------------------------------------------------------------------------------- */ .site-header { background-color: #fff; } .site-header .wrap { padding: 40px 0; }
Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis ThemesMarch 6, 2014 at 8:49 am #93660Davinder Singh Kainth
Member2. To remove post meta and post info from homepage, add following code to functions.php file
//* Remove the post info & post meta (requires HTML5 theme support) add_action('template_redirect', 'child_conditional_actions'); function child_conditional_actions() { if( !is_single() ) { remove_action( 'genesis_entry_header', 'genesis_post_info', 12 ); remove_action( 'genesis_entry_footer', 'genesis_post_meta' ); }}
Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis ThemesMarch 6, 2014 at 8:50 am #93661Davinder Singh Kainth
Member3. Remove border-top in following code in style.css file
.widget-title { border-top: 3px solid #000; border-bottom: 1px solid #e3e3e3; color: #000; font-size: 14px; font-weight: 400; margin-bottom: 24px; padding: 16px; text-align: center; text-transform: uppercase; }
Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis ThemesMarch 6, 2014 at 8:54 am #93663Davinder Singh Kainth
Member4. Remove content: line in following code in style.css file
.after-entry li::before, .news-pro-home .content li::before, .sidebar li::before { content: "\203a"; font-size: 12px; margin: 0 10px; }
Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis ThemesMarch 6, 2014 at 10:52 am #93681linotek
MemberHi Davinder Singh Kainth,
Thank you very much for your great help.
May you please help me to properly configure following two issues:
5. Change Post title font to : Oswald, sans-serif; with size: 32px and line-height: 43px
6. Change Content font to: Georgia, 'Times New Roman', sans-serif; with size: 16px and line-height: 26px
7. Remove all links after Copyright, under footerI have changed fonts using post title & entry title but it becomes too small, i don't know why this happened.
Please help.
March 6, 2014 at 8:44 pm #93791Davinder Singh Kainth
MemberFor post title format, change following code in style.css file
h1, h2, h3, h4, h5, h6 { color: #000; font-weight: 700; line-height: 1.2; margin: 0 0 16px; }
to
h1, h2, h3, h4, h5, h6 { font-family: Georgia, ‘Times New Roman’, sans-serif; font-size: 16px; color: #000; font-weight: 700; line-height: 26px; margin: 0 0 16px; }
Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis ThemesMarch 6, 2014 at 8:46 pm #93792Davinder Singh Kainth
MemberFor post content font, change following code
body { background-color: #f6f5f2; color: #666; font-family: 'Raleway', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.625; }
to
body { background-color: #f6f5f2; color: #666; font-family: 'Oswald', sans-serif; font-size: 32px; font-weight: 400; line-height: 43px; }
Also, go to functions.php file and in code for Google Fonts, replace Raleway with Oswald
Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis ThemesMarch 6, 2014 at 8:48 pm #93793Davinder Singh Kainth
MemberTo modify footer text use following code in functions.php file
//* Change the footer text - basicwp.com add_filter('genesis_footer_creds_text', 'sp_footer_creds_filter'); function sp_footer_creds_filter( $creds ) { $creds = '[footer_copyright]'; return $creds; }
Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.