Mark Brand Boutique

Mark Brand Boutique

Menu

Free masterclass: Winning website blueprint

Cherish

[et_pb_section fb_built=”1″ admin_label=”LifterLMS Enrolled Section” _builder_version=”3.22.3″ custom_padding=”0|0px|0|0px|false|false” transparent_background=”off”][et_pb_row custom_padding=”2%|0px|0|0px|false|false” _builder_version=”3.22.3″][et_pb_column type=”1_3″ _builder_version=”3.0.47″][et_pb_text ul_item_indent=”50px” admin_label=”Course Outline” _builder_version=”3.22.7″ text_font=”||||||||” text_text_color=”#878787″ header_font=”||||||||” header_font_size=”26px” header_3_font=”||||||||” header_4_font=”||||||||” header_5_font=”||||||||” header_6_font=”||||||||” background_size=”initial” background_position=”top_left” background_repeat=”repeat” border_width_all=”1px” border_color_all=”#efefef” max_width=”100%” custom_padding=”5%|5%|5%|1%” use_border_color=”off” border_color=”#ffffff” border_style=”solid” global_module=”32440″]

Course Outline

[/et_pb_text][et_pb_text ul_item_indent=”50px” admin_label=”Course Progress & Continue Button” _builder_version=”3.11.1″ text_font_size=”13px” link_font_size=”13px” header_font_size=”22px” background_size=”initial” background_position=”top_left” background_repeat=”repeat” border_width_all=”1px” border_color_all=”#efefef” max_width=”100%” custom_padding=”5%|5%|5%|5%” use_border_color=”off” border_color=”#ffffff” border_style=”solid” global_module=”32441″ saved_tabs=”all”]

Course Progress


[/et_pb_text][/et_pb_column][et_pb_column type=”2_3″ _builder_version=”3.0.47″][et_pb_text _builder_version=”3.6″]

These tutorials are specific to the Cherish premium design. 

[/et_pb_text][et_pb_toggle title=”Adding the Client Page” open_toggle_text_color=”#2d2d2d” open_toggle_background_color=”#ffffff” closed_toggle_text_color=”#4e4e4e” closed_toggle_background_color=”#ffffff” icon_color=”#b7a681″ _builder_version=”3.24″ title_level=”h2″ title_font=”||||||||” border_width_all=”0px” border_color_all=”#f7f7f7″ border_width_bottom=”1px” border_color_bottom=”#d8d8d8″ custom_padding=”0px|||”]

Create “Client” Page

Create “Client” Layout & Block:

Create New Layered Title Part 1:

Create New Layered Title Part 2:

Create “On the Blog” Section:

Create the “Next Steps” Section:

Create the “Referral Section” Part 1:

Create the “Referral Section” Part 2:

Final touches:

[/et_pb_toggle][et_pb_toggle title=”Changing Header Images” open_toggle_text_color=”#2d2d2d” open_toggle_background_color=”#ffffff” closed_toggle_text_color=”#4e4e4e” closed_toggle_background_color=”#ffffff” icon_color=”#b7a681″ _builder_version=”3.24″ title_level=”h2″ title_font=”||||||||” border_width_all=”0px” border_color_all=”#f7f7f7″ border_width_bottom=”1px” border_color_bottom=”#d8d8d8″ custom_padding=”0px|||”]

Many of the layouts include a header background image. There are two different ways to add or change the image in these row sections.

METHOD 1- FEATURED PAGE IMAGE

A featured page image is controlled inside the WordPress page itself. WordPress uses the featured image as a default when sharing to social media or other sites. Although not required, it is a web “best practice” to add featured images to every page.

  1. Open and login to your WordPress website
  2. Navigate to your pages via the WordPress dashboard
  3. Hover over the page and click edit
  4. The page itself will be blank (ProPhoto manages the design inside the PP7 customizer). Navigate to the right panel and scroll down to the Featured Image section.
  5. Click replace image to set a new featured image.
  6. Click Update to save your changes for this page.
  7. The image is now changed. Visit the front end of the page to see the reflected changes.

METHOD 2- PROPHOTO CUSTOMIZER ROW BACKGROUND IMAGE

If you would like to edit the header image in a visual builder you can do so inside the ProPhoto 7 customizer.

  1. Open and login to your WordPress website
  2. Navigate to the page you want to edit and open the PP7 Customizer
  3. Click the settings icon of the page block (highlighted in green)
  4. The block window will open. Hover over the first row. It will highlight the area on the page red. Click the setting icon to open the settings for this row.
  5. Scroll down until you see the background image section.
  6. ***PLEASE NOTE: The “Use featured image if available” is checked. This means if a featured image is set for the page (method 1: steps 1-7) then the background image will override with the featured image. To remove this functionality, uncheck the box.
  7. Click add image to change the row background image.
  8. Select an image from the media window or upload a new image
  9. Select continue
  10. The image is now changed, click the blue save button to save your changes to this page layout
  11. Repeat the steps to change the header image for each page.

[/et_pb_toggle][et_pb_code _builder_version=”3.12.1″ max_width=”100%” custom_padding=”2%|||” global_module=”32630″][/et_pb_code][/et_pb_column][/et_pb_row][/et_pb_section]

Free Masterclass & Download

Free winning website blueprint for photographers & creatives

 

Unlock your FREE DIY blueprint for building a website that converts. In this 20 minute masterclass we are revealing our proven website blueprint for attracting and converting your dream clients.

* indicates required

Mark Brand Boutique

Mark Brand Boutique serves photographers, videographers and small business creatives in all 50 states and worldwide.