Welcome to Love Struck Photography portfolio documentation!

Here you will find everything you need to know about your new WordPress theme.

After purchase, download your new theme file from Themeforest. To do that, go to your themeforest.net profile move your mouse cursor over your login name in the right top corner and then click “Download”.

Here you will find all the items that you have purchased.

Locate Love Struck theme, click the “Download” button and choose “All files & documentation” and save the package on your computer.

UNZIP the package you just downloaded.

Inside you will find a copy of this documentation, license, purchase code and a zipped Love Struck Pro file (lovestruck-pro.zip) that you will need to install onto your WordPress.

  1. Login into your WordPress Admin panel
  2. Go to Appearance > Themes
  3. Click on the “Add New Theme” > Upload Theme
  4. Choose file and select lovestruck-pro.zip (this file is INSIDE the zipped file you’ve downloaded from Theme Forest)
  5. Hit “Install Now” and the theme will be uploaded and installed.
  6. Then click on the Activate link.

Installing Plugins

  • After successful theme installation, you will be presented with a set of plugins which were used in the live theme preview.plugins
  • Clicking on ‘Begin installing plugins’.
  • Then select all of the plugins in the plugin list and bulk install them.

 

After you installed your theme and all required plugins, follow these steps:

  1. Go to Appearance > Import Demo Data
  2. Click on big “Import Demo Data” button and wait until the importing process is done.Import demo data

After the import process is complete, you get all pages, images, posts and portfolio items you saw in the ThemeForest demo before purchasing the theme. Now all you have to do is replace the demo images and sample content with your own.

This chapter contains information about basic theme controls and their location so please read this chapter to avoid any confusion and get to know your theme better.

You can upload your logo image by going to Appearance > Customize > Site Identity

You will need to upload 2 color versions of your logo

  • your original logo or a dark version under “Logo”
  • a light logo graphic under “Inverted Logo”
  • Delete any text that might be in the Site Title and Tagline fields.

Useful Logo Information

  • Your logo can be any size and shape, but for best results, it should be about 40px in height.
  • Your logo should be a .png file with a transparent background
  • If you are looking for a new, free logo, you can check out our 100 free photography logo templates here.
  • If you’re interested in a custom logo design, send a mail to [email protected] and we will design one for you!

Lovestruck menu (navigation) is split into two parts with the logo in the middle.

How it works

Go to Appearance > Menus. If you imported the sample content, you will see that you have two menus ready – Right menu and Left menu.

Whenever you want to add a new item, you first need to decide if it will appear on the left or the right side of the screen. Select the appropriate menu and add your item to it.

Creating a menu from scratch

If you’re creating a new menu, you will have to create two of them.

  • click on the “create a new menu” link, give it a name (Left menu)
  • In the Menu settings assign this menu to “Header: Left” and save
  • click on “create a new menu” again and give it a name (Right menu)
  • assign it to “Header: Right” in the Menu Settings and save.
  • Switch between these two menu areas to add items to them.

Love Struck Pro portfolio is one of the theme’s main features and this chapter explains how to set it up, manage and customize it.

If you imported the demo content, you already have a pre-made portfolio page and you do not need to create a new one.

  1. Go to Pages > Add New
  2. Give this page a name (ex., Portfolio) This page will contain all of your galleries.
  3. Click the “Publish” button.
  4. Now go to Portfolio > Portfolio Settings and under Main Portfolio Page select the page you just created and click on the SAVE button.

Under Layout, you can set the layout for your portfolio page and post as well. For example, you can choose between Grid Layout (demonstrated in the demo) and Masonry with hover.

  1. Go Portfolio > New Portfolio Entry.
  2. Give this gallery a name (Engagements, Editorial, People …) 
  3. Add a subtitle (optional) to your gallery in the Sub Title area.
  4. All of the images that will appear inside this gallery need to be uploaded to the Gallery meta box by clicking on the “Add Images” button. You can “drag” the image thumbnails around to change the image order
  5. The cover image of each gallery is the Featured Image, so upload your cover image in the Featured Image area on the right side of your screen.
  6.  You can write something about this gallery in the description area if you need to.

 

Cover Images

Love Struck Pro portfolio page is using a styled, square grid layout. The same image that you choose as your cover image will appear in the header area when the gallery is opened. In order to make sure that your image is nice and sharp, it should be around 1920px wide. For a faster load time, consider compressing it before upload. We use JPEGmini for all our images.

If you’re not using a Homepage like in our Love Struck Pro demo, you can set your portfolio page to be your Homepage.

Go to Settings > Reading and set your portfolio page as your Front page.front page

You can choose between a Slider Gallery or Masonry layout for your portfolio galleries.

To do that, follow these steps:

  1. Go to Portfolio > Portfolio Settings
  2. Locate “Single Portfolio Layout” and set it to either Slider Gallery or Masonry.

To create multiple portfolio pages with different galleries in each portfolio page follow these steps:

  1. Go to Portfolio > Categories
  2. Create your portfolio categories (for example, Weddings, Engagement, Nature etc.)
  3. Go to Portfolio > All Entries,
  4. Open an entry and on the right side of the screen locate ”Portfolio Categories” and assign it to a specific category/categories

To see your new category portfolio page, add it to your menu (continue reading to learn how.)

Adding Categories To Menu

Now that the categories are created and galleries assigned to it, add your categories page to your menu. To do that:

  1. Go to Appearance > Menus
  2. On the right side of your screen click the “Screen Options” button and activate “Portfolio Categories”add to menu
  3. Toggle open “Portfolio Categories”, select the ones you want to use and add them to your menu.
  4. Click the “Save Menu” button

Let’s say you have 4 portfolio entries – Weddings, Children, Portraits, Couples. You want to change the order to – Couples, Weddings, Portraits, Children.

 

Here’s what you do:

Step 1

  1. Go to Settings > Intuitive CPO (if you don’t see this option in Settings, install a plugin called “Intuitive Custom Post Order”)
  2. Under “Sortable Post Types” choose what you would like to reorderIntuitive CPO
  3. Click the “Update” button

Step 2

  1. Go to Portfolio > All Entries
  2. Place your mouse cursor over the entry that you would like to move until you see the “move arrow” icon showed in the image belowarrow-move
  3. Drag and drop the entries in your preferred order.

This chapter explains how to create your blog and how to create posts and add image galleries.

If you imported the demo content, you already have a pre-made blog page and you do not need to create a new one.

  1. Create a new page Pages > Add New and give the blog a name (for example “Blog”), DO NOT write anything in the content area.
  2. Go to Settings > Reading and set the Posts page to your new blog page.blog page

After you have assigned your Posts page as your Blog you can start creating posts for your blog and they will automatically show up on your blog page.

To create a post:

  1. Go to Posts > Add New
  2. Give your post a name
  3. The main text goes into the main content area.
  4. Upload a cover image for your post inside the Featured Image area. (just like in your portfolio, it should 1920px wide)

You can create beautiful, complex gallery layouts inside your post. This is especially useful if you need no showcase a particular photo session (such as “Jane and John” wedding).

Creating a simple gallery inside a post

See example of a simple gallery.

  1. Open a post in which you need a gallery
  2. Click on the “Add Media” button
  3. Click on “Create gallery” linkcreate-gallery
  4. Select the images that should be in the gallery (for best results, these images should be the same height.)
  5. Click on the “Create a new gallery” button
  6. In the GALLERY SETTINGS area set the column count, set “Link to” None (if you don’t want them to be clickable) or “Link to” Media File (if you want them to open up in a fullscreen slider), and set the size to what’s appropriateadd gallery
  7. Click on the “Insert gallery” button

When creating a galley, all images will show up in 1; 2; 3; 4 …. or 9 columns. If you want your images to show up in a more complex layout, you will need to create multiple galleries – 1 for eash column. Keep reading to find out how.

Creating a mixed gallery inside a post

To create a gallery where some of the images appear in 1 column, some in 2 or 3 columns, each column will need its own gallery. Basically, you will create multiple galleries with a different number of columns in each and stack them one on top of the other See an example here.

To do that follow the steps 1- 7. that are described above, but:

  • If the first image (or a couple of the first ones) should be in one column, you select only these images and set the column count to 1.
  • If the next 2 images should be next to each other, create a new gallery under the first one, select these two images and set the column count to 2
  • continue in this way until you’re done.

A “wide image” is a single image inside the post that is wider than the content. To make an image wide:

  • Place an image inside a post by clicking on the “Add Media” button and upload an image.
  • Click on the image and then click on the little pencil icon
  • In the “image CSS Class” field type in full-width
  • Update image.

Love Struck theme is using “Ninja Forms” to create its contact form.

To edit the existing form or create a new one go to Ninja Forms > Dashboard

Learn how to build a contact form here.

Read this chapter to learn how to add widgets and copyright information to your footer.

If you need to add extra widgets to your footer (recent posts or comments, text, categories etc. ) you can do so by going to Appearance > Widgets and placing your widgets in the “Footer Widget Area”. You have three columns in the footer, so you should add three widgets for a balanced look.

Logo inside footer

Love Struck demo website has a logo image in the footer. If you want to add a logo to your footer:

  • place the “Image” widget in the footer area
  • Upload your logo
  • Save.

Add your copyright text and/or Impressum in the footer.

To do that, go to Appearance > Widgets and place the “Text” widget inside the “Footer Copyright Area”. Write your text in the content area and leave the Title area empty.

FAQ

Here we answer some of the most frequently asked questions.
If you do not find the answer to your question here or in the rest of the documentation, please visit our support forum.

Prevent people from stealing your work. They do that by right-clicking on your images and choosing the “Save Image As…” option.

We created a plugin specially for this, it works great with all our themes and its free!

Follow these steps:

  1. Go to Plugins > Add New
  2. Search and install “Photection” by Colormelonphotection
  3. After you installed it, go to Settings > Photection and add a custom message that shows up when someone Right-clicks on an image! 

If you’re stuck and can’t find the answer to your question in this documentation or if you found a bug that needs fixing, head straight to our Support Forum and create a new support topic. We will talk soon!