Click the “Customize” button on the theme preview panel (or click Appearance > Customize from the sidebar) to open the Customization sidebar. Favicon To add your own favicon, click “General Settings”, click the “Select Image” button, click the “Upload Files” tab, click the “Select Files” button to choose and upload your favicon image. If you need help creating one, this is a great free resource. Logo Click “Logo and Header Settings”. Under “Upload Logo”, click the “Select Image” button, then click the “Upload Files” tab, click the “Select Files” button and choose your logo from your computer (note that the optimal logo dimensions are 267x 79 px). Once uploaded, click the “Choose Image” button. Repeat this process for the Retina Version logo. Use the exact same file name as your regular logo file and then just put @2x at the end of the name (e.g. [email protected]).
Top Bar Settings
If you want to have the “regular” WordPress search field in your sidebar instead of the top navigation bar, you can simply check “Disable Top Bar Search”. Same goes for the Top Bar Social icons.
This section gives you control over what you want to display in your individual posts.
This section gives you options to hide comments and share buttons, which is pretty common (you don’t usually want comments displayed on your About or Contact pages, for example).
Social Media Settings
This is where you’ll want to enter in your social media usernames (see Twitter example). Once you Save and Publish these settings, they will appear in the top bar and footer automatically (unless you disable them in the Top Bar Settings and/or Footer Settings sections).
If you don’t want your social media icons showing in the footer, simply check “Disable Footer Social”. You can change the Copyright Text to whatever you like as well. Note: To remove the “Theme by ThemeBounce” text, you just need to make a minor edit to the footer.php file. To do this, you’ll need to go to Appearance > Editor, and click “Footer (footer.php) from the sidebar. Next, look for the following line in the code Theme by https://www.themebounce.com”>ThemeBounce Highlight that line and delete it (be careful not to delete anything else!) then click the “Update File” button to make your change live.
Customizing your site’s colors is super easy. Simply go through each color section and make your color changes to preview them in real-time. Click Save and Publish to make your changes live. Note: If you want to change the color of the small bar at the very top of the site, go to Appearance > Editor, then click Stylesheet (style.css). Scroll down and look for the Header section (#header). You can remove the border-top line completely if you don’t want it there at all, or you can adjust the height and color by adjusting the attributes to your liking. You may need to clear your cache to see changes in your browser when editing CSS inside the theme.
Updating Your Sidebars
Go to Appearance > Widgets. You can drag and drop any available widgets you want into the Sidebar.
In the Widgets area, you will see four ad sections available. Adding your Google Adsense code is really easy. The first step will be to click open the index Ad panel, then drag and drop the Text widget into it. Next, copy and paste your Google Adsense code into the body of the Text widget, leaving the title blank, and click “Save”. Repeat this process for all the ad units, using the appropriate ad unit sizes. We prefer to use the “Responsive” ad code wherever possible. Note: It can take 15-20 minutes before your ads actually start appearing on your site. This is because it takes Google a bit of time to crawl your content and gauge which ads to serve. Important! You can use this same process to place an ad unit in your sidebar, but we highly recommend removing one of your other units if you choose to do this since Google can (and usually does) penalize your site for having more than three ad units on a page.
Let’s create a few common placeholder pages and posts so that we can create Menus. Go to Pages > Add New, and create a page. Details/content aren’t important yet, we just want a few pages to get our menu started. Pages are automatically added to your navigation. Next, add a new post by clicking Posts > Add New. Create a new post, choose Categories and set your featured image.
Customizing Your Menu
Next, go to Appearance > Menus. Here, you can add pages, categories and even custom links to your top navigation.
Congratulations, you’re all set up!
Need additional help customizing Pixeldom? contact us.