All Kadence Themes have the same initial setup and install. To view these steps, head over here. Then when complete head back here for your theme specific details.

START HERE
MEET JENNIFER

Styling Options

Add an underline swoosh to any wording in Aster

STEP 1 – Highlight the wording you want to have the swoosh, and make it italic
STEP 2 – Over in the editor on the right, click the “Advanced” tab and scroll down to Additional CSS.
STEP 3 – Add swoosh to the additional CSS spot. For a White Swoosh use swoosh-white

* The swoosh color is set to automatically be color 1 in your palette. Or color 9 for white.

To change the buttons to rounded go to the Customizer > Colors & Fonts > Buttons. If you scroll down you will see Border Radius. Set that to 5 or more for rounded edge buttons.

Turn any navigation item into script with an underline.

STEP 1 – Go to Appearance > Menus > Find the menu and menu item you would like to add this styling to
STEP 2 – Open the menu item up, and in the CSS Classes add aster-nav

** If you do not see the CSS Classes option, then you must enable it. In the top right corner is “Screen Options” click that and then from the dropdown select CSS.

If you do not like the arched images, you can easily remove and make square.

STEP 1 – Click the image that is arched, then in the editor click on the Style Tab.
STEP 2 – Where it says Border Radius change the numbers to 0. That will remove the rounded edges.

Some images throughout the Aster theme have a outlined border. To add this

STEP 1 – Click on the image that you want to have the border, then in the editor click on the Advanced Tab
STEP 2 – The open the Advanced option and in the Additional CSS spot add aster-border-dark That will then add the outlined border to that image.

*The border color is linked to color #6 in your color pallette.

General Tips For All Kadence Themes

Anywhere you find a video or slide section, you can easily change that to be a single image, slide, or video.

Step 1 – Select the entire block then open the Background Settings Tab on the right

Step 2 – If you want to keep what is currently in that block simply replace the content with your own

Change Content Type

Step 2B – If you want to change a video to a Slider (or vice versa) remove the content there by clicking the X.

Step 3 – Then click on the type of content you want, single image, slider or video and add your content.

Step 1 – Select the Block that you want the button to go to. You need to name this block. Over on the right scroll down to the Advanced Tab. If you do not see it, you have not selected the entire block or row.

Step 2 – In the Advanced Tab is an option for HTML Anchor. Name your block something simple that makes sense and be sure to remember what it is. Example – yourblocklink

Step 3 – Go to the button you want to add the Anchor link to and add your new Anchor. It will always be #yourblocklink It is only a # then the block name. Adding anything else to it and it will not work.

If you want to add a link to an anchor on a different page, you can do so by adding the link, then at the end your anchor. Example

https://yourdomainhere.com/thepage/#yourblocklink

Almost every newsletter provider will allow you to create a form and then embed it on your site. You will want to refer to your providers instructions on how to create the form and then get the code that is needed for your site. Once you have done that, you use a Custom HTML block and paste your form code into the block.

STYLING – The styling of the form will depend on what you have done when creating it, and what your provider adds to the code. It may match the theme perfectly and take on the theme styling, or you may need to modify it to match. This is not theme support.

INSERT HEADER/FOOTER SCRIPT FORMS – To add a form to your header or footer spot you will want to download the plugin Insert Header Footer Scripts. After you activate the plugin you can add the script to the appropriate spot.

If you plan on using the Custom Blog page as your blog page, you will need 2 blog pages. 1 is your custom page that you create, the 2nd is the traditional blog roll or archive. The reason for this is WordPress automatically filters posts to an assigned page. This will override any customizations you have on that page. So create your custom blog page and assign that in your menu. Then create a second page and go to Settings > Reading > and assign this page to your blog page. Having this second blog page in the settings allows your site to have pagination, or show more than one page of posts.

The tutorial for this can be found here.

Quick videos on the editor….