-
AuthorPosts
-
July 25, 2013 at 5:36 pm #26734
I am new to wordpress and enfold.
I am currently trying to replicate my site to wordpress with enfold theme.
I just have a few questions to start, any help would be greatly appreciated
1. How do I change H1,h2, etc size and font
2. I would like to create a box around some of the text like this http://tinypic.com/r/douxx2/5 how do I recreate this in enfold?
3. I would like to place a graphic line above the footer like here http://tinypic.com/r/33wbj4l/5 Is this possible?
4. I would like to replace the default social icons found here http://tinypic.com/r/xlcbuu/5 is this possible?
July 27, 2013 at 4:04 pm #131433Hi hotshotzatl,
1) It depends on the instance of it. If its just inside your regular post or pages then you can add new css rules in your Quick CSS in the styling tab of the theme options. Eg:
#top h2{
color: #333;
}I used the #top ID selector to make it a bit more specific but it may need to be adjusted specific to certain instances since the theme automatically sets colors based on the choices in your Styling options.
2) You would need to add in the css for it custom as there isn’t anything like that available as a shortcode with the theme.
3) If the html for it was placed in the footer.php and the div positioned absolutely yes it could probably work. It will just need adjustments added for tablets and mobile but we have some sample media queries for that in the custom.css file in the css folder of the theme.
4) The theme doesn’t use any images for the icons but instead uses an icon font for all icons through the site. So what you would need to do is hide the current font for the icon and then replace it with your own image as well as on hover.
For example:
#top .social_bookmarks li{text-indent: -150%;} /*remove the current font icons on all social links*/
#top .social_bookmarks li.social_bookmarks_facebook a {
background: url(https://yoursite.com/yourimage.png) no-repeat top center transparent;
}
#top .social_bookmarks li.social_bookmarks_facebook a:hover {
background: url(https://yoursite.com/yourimagehover.png) no-repeat top center transparent;
}Regards,
Devin
-
AuthorPosts
- The topic ‘WP Newbie questions’ is closed to new replies.