Kate Marcado
Please follow the tutorials below to setup your site just like the demo. I’ve also included a link to the demo site to help you a long the way.
Please Note: the watercolor dots will not show up after you install the design. To install the dots please follow the tutorial below “Header Watercolor Dots”.
Start Here
Header Watercolor Dots
This theme comes with 6 different watercolor dot images. With your purchase you should have also received a zip file called “images-kate-marcado.zip”. Please open this zip file to find all of the images then follow the tutorial below.
- Header Background Image – this is the watercolor dots in the header.
Important Note: If you do not plan to use the Watercolor Dots please see “Troubleshooting” below for information on how to remove the extra blank space at the top.
Header and Footer Menus
- Setup Menu Bar
- Menu Description – these are the smaller words that show up under your menu items.
Homepage Setup
To setup the homepage to look like the demo… you will need to places widgets in your widget areas called Home Slider, Homepage 1, Homepage 2, and Homepage 3. Follow the tutorials below.
- Home Slider – How to Install and Setup the Slider
- Homepage 1 – Subscribe Box under the Slider
- Homepage 2 (black background) – Flexible Widget Area
- Homepage 3 (also has a black background) – WooCommerce Products
- Home Recent Posts – Small circle images to display your posts.
Top Bar
This is the very top black bar above the watercolor dots shown on the demo site. To add information to this area go to “Appearance” then “Widgets”.
- Top Bar Left – Use a “Text” widget or an “Image Widget” to add information in this widget area.
- Top Bar Right – Social Media Icons
Blog Posts
- Add the share buttons “share the love” at the bottom of the Posts
- After Entry widget – you can place any widget in this widget area such as user profile, advertisement, or instagram widget. It will show up at the bottom of every post before the comments. I used the “Genesis – User Profile” widget on the demo site.
Sidebar
Portfolio
Footers
- Footer 1 – Subscribe Box
- Footer 2 – Instagram Widget
- Footer 3 – Social Media Icons
Contact Page
WooCommerce Shopping Cart
Page Templates
Customize
Try these colors codes to go with the matching watercolor background:
Black – #000000
Pink – #e5b9b1
Gray – #9b9693
Blue – #0082b1
Purple – #a1729e
Green – #6da61e
Older version blog design color codes:
Black – #000000
Turquoise – #01c4bd
Pink – #ea4d72
Gold – #d7ad63
Gray – #a1a1a1
Images Used on Demo Site
Here is a list of the images I used and links where you can purchase them for yourself.
Kate Marcado Widget Area
Design Information
Extra Information that you may need to know.
Widths
- Site Width – 1280px
- Post Width – 880px
- Sidebar Width – 340px
- Post’s Featured Image Size – 400×550
Fonts Used
- Lato (body font)
- Questrial (title font)
- Parisienne (script font)
These fonts can be found on Google Fonts
- TheSaturday (script font used in the 3 boxes)
This font can be found at Creative Market
Color Codes Used
- Black – #000000
- Pink – #ea4d72
Additional Resources
I have a really good page of resources and additional plugins that I recommend like a popup subscribe box plugin and more. You can find that page here.
Troubleshooting
- Images are not the correct size as shown on the demo site. Also be sure that your images are 400×550 or larger to fit the available space.
- If you do not plan to use the Watercolor Dots image and there is a lot of white space above your logo/title please contact us. We can fix that for you.
Extra Tutorials
These tutorials are not necessary but only optional for those who are looking to customize their themes further.
- How to use Categories in your Menu Bar (YouTube video)
- How to Change your Site Title and Tagline
- Add your Own Logo
Have Questions?
If you have questions about your theme and can’t find the answer above please feel free to contact me!
Submit Support Ticket
Please note: support is only provided for setup and installation, questions and concerns. Support is not provided for personal customizations to our themes.
New to WordPress?
Need a little help on how to use WordPress? Become more comfortable and confident with WP101 video tutorials. Watch this sample tutorial to get a quick introduction to WordPress.