BOOK/SERIES PAGE(S)

When we created your website, all book covers would have been altered to 400px(Width) by 640px(Height). Larger images take more time to load for visitors and so we bypass this by shrinking the images.

You can adjust the size of your images easily, and for free.

1. Login or sign up to iLoveimage. You do not need an account.
2. Click on Resize Image. The big blue button.
3. Find your book cover on your computer and click on Open.

To your right under Reseize options:

1. Make sure that you selected By Pixels and NOT By Percentage.
2. Width: 400 Height: 640.
3. Check mark, Maintain aspect ratio.
4. Click on the blue button: Resize Images.
5. When its completed, it should download right away.
6. If not, click on the blue button Download Resized Images.

1. Admin Dashboard, on the left navigation you will see Pages and click on that option.
2. Find a preexisting Book page or Series page. Hover over the title and click on Clone.
3. Once you do that the new page will be duplicated. You will know this because the duplicated page will have (Cloned) beside the duplicated page.
4. Click on that duplicated page.
5. If your blue bars are collapsed, click on the ⮟ icon to your right. That will expand the section(s). If your blue bars are already expanded then you can move on.

Rename Page Title

Under edit Page there will be the duplicated page title, change it to your new page title.

Rename Page Title Section

There will be a section called Page Title, edit the content within that section. As you can see from the image below, the Page Title section is currently collapsed. Yours may not be. Click on the ⮟ icon to your right and that will expand the section(s).

Within the Page Title section, you will now edit the Page Title and Subtitle(s) if you have any.

Hover over the Series title and click on the icon. Rename the series title and make sure that you click on Save. If you have a series subtitle etc Change whatever you need to. For example: A Contemporary Romance is the series subtitle.

Next you will edit the books within this series by scrolling to the My Books Section.

As you saw in the above image there was a My Books Section.

Update The New Page

What would you like to do next?

1. Delete a book column.
2. Edit a book cover.
3. Edit button URL’s.
4. Rearrange book covers.
5. Add a book cover.
6. View Website Changes/Updates.

Delete a Book Element

When your section is expanded, you should see columns and within them, image elements. View the image below. Depending on your project, you may have have buttons underneath the image element.

For our web design, 3 columns per row = 3 books per row. You may have many more rows of books and that’s okay.

As you can see on the above image, there are 3 columns and within those columns are image elements. Like I stated above, you may even have buttons within your columns. To remove an entire column you would delete everything within that column: images and buttons etc

Choose a column you want to delete and click on the  icon.

If all you had within that section was 3 books, than where that column once was, it would be empty. You would only see 2 columns. Let’s say you had more rows of books, a bottom column would simply take the place of the one you deleted.

Don’t forget to Update the page.

Scroll Back Up

Edit a Book Cover

Although all the book covers are duplicated, you can change the covers easily. Hover over the cover that you want to edit, and a set of options will appear.

Click on the  icon.

1. Click on Remove and then Upload.
2. When the new box loads, click on Upload Files and then Select Files.
3. Locate the new book cover on your computer and upload it to your website.
4. To the right, under Attachment Details scroll down to Size and make sure that the option is set to Full Size.
5. Click on Insert Into Page.

Don’t forget, if your book cover links to Amazon or a Universal book page make sure that you edit the the image URL as well.

1. Scroll down until you get to Image Link URL, to your right delete the old URL in the field and paste in the new URL.

I will advise that you make all the cover images are the same size. If not, you will notice the covers won’t line up properly and they will be uneven.

Always make sure that you click on Save when you are done.

Don’t forget to Update the page.

Scroll Back Up

Edit Button URL’s

Underneath your Book Cover, hover over the buy button(s) that you wish to edit, and a set of options will appear.

Click on the the  icon.

1. Button URL: Delete the old URL and update it with the new one.
2. Button Text: You can change the title of the button. For example instead of Amazon, you can change it to Amazon US, Amazon CA, Amazon UK etc 
3. Click on Save.

Don’t forget to Update the page.

Scroll Back Up

Rearrange Book Covers

You can drag the columns and reposition the columns to your liking. Make sure that you are not dragging the image element, drag the column that the image element sits within.

View the image below, all that pale red within the column is where you can click and drag.

Don’t forget to Update the page and save your changes.

Scroll Back Up

Add a new book cover

Scroll to the last book cover in that section and on the column select this  icon.

That will create a duplicate of the column. Now you can hover over the newly created image element and click on the  icon to change/update the cover.

1. Click on Remove and then Upload.
2. When the new box loads, click on Upload Files and then Select Files.
3. Locate the new book cover on your computer and upload it to your website.
4. To the right, under Attachment Details scroll down to Size and make sure that the option is set to Full Size.
5. Click on Insert Into Page.

I will advise that you make sure all the cover images are the same size. If not, you will notice the covers won’t line up properly and they will be uneven.

Note: If you have buy buttons as well, you will need to change the buy button(s) URL for the new book. To edit buy buttons click here.

Always make sure that you click on Save when you are done.

Don’t forget to Update the page.

Scroll Back Up

View Website Changes/Updates

To view your website changes, click on View Page. You will see this option only once you have updated/saved the page. Before you click on that link, right click on the link and then select Open Link In a New Tab. Therefore you don’t have to completely leave this page.

Now, whenever you make changes to the same page, all you have to do is Update the page. Select the newly opened tab and reload the page and it will show you the new changes.

1. Admin Dashboard, on the left navigation you will see Pages and click on that option.
2. Find the page called Books or the series page and select the page. Depending on the project, your books may have been split into series pages or all listed on a single Book page.
3. If your blue bars are collapsed, find the section Books or the name of the series. Depending on the project your books may be split into different sections. Therefore, you may need to find the particular series section. The series sections will be named after one of your book series.
4. Once you’ve located the section, if the blue bars are collapsed, click on the ⮟ icon to your right. That will expand the section. If your blue bars are already expanded then you can move on.

Rearrange Book Covers

Whether we created your website, or you bought a DIY theme, you can always rearrange the image elements. You can drag it and reposition the column to your liking. Make sure that you are not dragging the image element, drag the column that the image element sits within.

View the image below, all that pale red within the column is where you can click and drag.

Don’t forget to Update the page and save your changes.

View Website Changes/ Updates

To view your website changes, click on View Page. You will see this option only once you have updated/saved the page. Before you click on that link, right click on the link and then select Open Link In a New Tab. Therefore you don’t have to completely leave this page.

Now, whenever you make changes to the same page, all you have to do is Update the page. Select the newly opened tab and reload the page and it will show you the new changes.

1. Admin Dashboard, on the left navigation you will see Pages and click on that option.
2. Find the page called Books or the series page and select the page. Depending on the project, your books may have been split into series pages or all listed on a single Book page.
3. If your blue bars are collapsed, find the section Books or the name of the series. Depending on the project your books may be split into different sections. Therefore, you may need to find the particular series section. The series sections will be named after one of your book series.
4. Once you’ve located the section, if the blue bars are collapsed, click on the ⮟ icon to your right. That will expand the section. If your blue bars are already expanded then you can move on.

Delete a Book Element

When your section is expanded, you should see columns and within them, image elements. View the image below. Depending on your project, you may have have buttons underneath the image element.

For our web design, 3 columns per row = 3 books per row. You may have many more rows of books and that’s okay.

As you can see on the above image, there are 3 columns and within those columns are image elements. Like I stated above, you may even have buttons within your columns. To remove an entire column you would delete everything within that column: images and buttons etc

Choose a column you want to delete and click on the icon.

If all you had within that section was 3 books, than where that column once was, it would be empty. You would only see 2 columns. Let’s say you had more rows of books, a bottom column would simply take the place of the one you deleted.

Don’t forget to Update the page.

Rearrange Columns

With your new image, you don’t have to keep it as the last option. You can drag it and reposition the column to your liking. Make sure that you are not dragging the image element, drag the column that the image element sits within.

View the image below, all that pale red within the column is where you can click and drag.

Don’t forget to Update the page and save your changes.

How To Website Changes/Updates

To view your website changes, click on View Page. You will see this option only once you have updated/saved the page. Before you click on that link, right click on the link and then select Open Link In a New Tab. Therefore you don’t have to completely leave this page.

Now, whenever you make changes to the same page, all you have to do is Update the page. Select the newly opened tab and reload the page and it will show you the new changes.

What Would You Like To Do?

1. Create a New Series Section
2. Create a New Series Page

Before We Begin

1. Admin Dashboard, on the left navigation you will see Pages and click on that option.
2. Find the page called Books and select the page. Depending on the project, your books may have been split into series pages or all listed on a single Book page.
3. If your blue bars are collapsed, find the section Books or the name of the series. Depending on the project your books may be split into different sections. Therefore, you may need to find the particular series section. The series sections will be named after one of your book series.

View the image below, and your Book page may look similar. Depending on your project and the books and series, you may have more or less series sections.

Each blue bar is a different section:

1. Page Title
2. Shameless Hearts
3. Mafia Romances
4. Wicked Ever After

Obviously the last 3 sections are the different book series, and at the moment, in the image above they are collapsed sections. That’s okay. You can easily extend them and collapse them back. If yours are extended you will know instantly because you won’t see only blue bars.

For this section keep all your sections closed by simply clicking on the ⮝ arrow to close it. Try it out for yourself.

Create a new series section

You can use any existing blue bar and click on this icon. It doesn’t which blue bar you choose to duplicate because we are going to rename, change and reposition the section.

You will notice that your duplicated section appears immediately below the original section.

Change the name of the duplicated section, so you don’t mix it up with the original.

1. Hover over the title of the duplicated section and click on it.
2. Once you do that, you will be able to edit the title.

Now, once you are done editing the title, click on the ⮟ arrow to expand that section.

Within this new section you will see the book covers from the original series.

1. How many books do you have?
2. Do you need all those book columns?
3. Do you need more columns?

Figure that out, before you move forward.

Update The New Section

What would you like to do next?

1. Delete a book column.
2. Edit a book cover.
3. Edit button URL’s.
4. Rearrange book covers.
5. Add a book cover.
6. View Website Changes/Updates.

Delete a Book Element

When your section is expanded, you should see columns and within them, image elements. View the image below. Depending on your project, you may have have buttons underneath the image element.

For our web design, 3 columns per row = 3 books per row. You may have many more rows of books and that’s okay.

As you can see on the above image, there are 3 columns and within those columns are image elements. Like I stated above, you may even have buttons within your columns. To remove an entire column you would delete everything within that column: images and buttons etc

Choose a column you want to delete and click on the  icon.

If all you had within that section was 3 books, than where that column once was, it would be empty. You would only see 2 columns. Let’s say you had more rows of books, a bottom column would simply take the place of the one you deleted.

Don’t forget to Update the page.

Scroll Back Up

Edit a Book Cover

Although all the book covers are duplicated, you can change the covers easily. Hover over the cover that you want to edit, and a set of options will appear.

Click on the  icon.

1. Click on Remove and then Upload.
2. When the new box loads, click on Upload Files and then Select Files.
3. Locate the new book cover on your computer and upload it to your website.
4. To the right, under Attachment Details scroll down to Size and make sure that the option is set to Full Size.
5. Click on Insert Into Page.

Don’t forget, if your book cover links to Amazon or a Universal book page make sure that you edit the the image URL as well.

1. Scroll down until you get to Image Link URL, to your right delete the old URL in the field and paste in the new URL.

I will advise that you make all the cover images are the same size. If not, you will notice the covers won’t line up properly and they will be uneven.

Always make sure that you click on Save when you are done.

Don’t forget to Update the page.

Scroll Back Up

Edit Button URL’s

Underneath your Book Cover, hover over the buy button(s) that you wish to edit, and a set of options will appear.

Click on the the  icon.

1. Button URL: Delete the old URL and update it with the new one.
2. Button Text: You can change the title of the button. For example instead of Amazon, you can change it to Amazon US, Amazon CA, Amazon UK etc 
3. Click on Save.

Don’t forget to Update the page.

Scroll Back Up

Rearrange Book Covers

You can drag the columns and reposition the columns to your liking. Make sure that you are not dragging the image element, drag the column that the image element sits within.

View the image below, all that pale red within the column is where you can click and drag.

Don’t forget to Update the page and save your changes.

Scroll Back Up

Add a new book cover

Scroll to the last book cover in that section and on the column select this icon.

That will create a duplicate of the column. Now you can hover over the newly created image element and click on the icon to change/update the cover.

1. Click on Remove and then Upload.
2. When the new box loads, click on Upload Files and then Select Files.
3. Locate the new book cover on your computer and upload it to your website.
4. To the right, under Attachment Details scroll down to Size and make sure that the option is set to Full Size.
5. Click on Insert Into Page.

I will advise that you make sure all the cover images are the same size. If not, you will notice the covers won’t line up properly and they will be uneven.

Note: If you have buy buttons as well, you will need to change the buy button(s) URL for the new book. To edit buy buttons click here.

Always make sure that you click on Save when you are done.

Don’t forget to Update the page.

Scroll Back Up

View Website Changes/Updates

To view your website changes, click on View Page. You will see this option only once you have updated/saved the page. Before you click on that link, right click on the link and then select Open Link In a New Tab. Therefore you don’t have to completely leave this page.

Now, whenever you make changes to the same page, all you have to do is Update the page. Select the newly opened tab and reload the page and it will show you the new changes.

1. Admin Dashboard, on the left navigation you will see Pages and click on that option.
2. Find the page called Books or the series page and select the page. Depending on the project, your books may have been split into series pages or all listed on a single Book page.
3. If your blue bars are collapsed, find the section Books or the name of the series. Depending on the project your books may be split into different sections. Therefore, you may need to find the particular series section. The series sections will be named after one of your book series.
4. Once you’ve located the section, if the blue bars are collapsed, click on the ⮟ icon to your right. That will expand the section. If your blue bars are already expanded then you can move on.

Add a new book cover

Scroll to the last book cover in that section and on the column select this icon.

That will create a duplicate of the column and now you can hover over the newly created image element and click on the icon to change the update the cover.

1. Click on Remove and then Upload.
2. When the new box loads, click on Upload Files and then Select Files.
3. Locate the new book cover on your computer and upload it to your website.
4. To the right, under Attachment Details scroll down to Size and make sure that the option is set to Full Size.
5. Click on Insert Into Page.

I will advise that you make sure all the cover images are the same size. If not, you will notice the covers won’t line up properly and they will be uneven.

Note: If you have buy buttons as well, you will need to change the buy button(s) URL for the new book. To edit buy buttons click here.

Always make sure that you click on Save when you are done.

Don’t forget to Update the page.

With your new image, you don’t have to keep it as the last option. You can drag it and reposition the column to your liking. Make sure that you are not dragging the image element, drag the column that the image element sits within.

View the image below, all that pale red within the column is where you can click and drag.

Don’t forget to Update the page and save your changes.

To view your website changes, click on View Page. You will see this option only once you have updated/saved the page. Before you click on that link, right click on the link and then select Open Link In a New Tab. Therefore you don’t have to completely leave this page.

Now, whenever you make changes to the same page, all you have to do is Update the page. Select the newly opened tab and reload the page and it will show you the new changes.

1. Admin Dashboard, on the left navigation you will see Pages and click on that option.
2. Find the page called Books or the series page and select the page. Depending on the project, your books may have been split into series pages or all listed on a single Book page.
3. If your blue bars are collapsed, find the section Books or the name of your series. Depending on the project your books may be split into different sections. Therefore, you may need to find the particular series section. The series sections will be named after one of your book series.
4. Once you’ve located the section, if the blue bars are collapsed, click on the ⮟ icon to your right. That will expand the section. If your blue bars are already expanded then you can move on.

Depending on the design of your page, you may only have covers that link to a Universal link or straight to Amazon. Your book page may display buy buttons or the book cover may lead to a spotlight page on your website for that book.

Figure out how your books are linked, and then select your next step:

1. Book covers link back to Amazon or a Universal URL.
2. You have buy buttons, beneath your book covers.
3. Book cover leads to a spotlight page on your website.

Amazon or Universal URL: Cover and Links

Hover over the book cover that you wish to edit, and a set of options will appear.

Click on the the icon.

1. Scroll down until you get to Image Link URL, to your right delete the old URL in the field and paste in the new URL.

Always make sure that you click on Save when you are done.

Don’t forget to Update the page.

Buy Links

Hover over the buy button(s) that you wish to edit, and a set of options will appear.

Click on the the icon.

1. Button URL: Delete the old URL and update it with the new one.
2. Button Text: You can change the title of the button. For example instead of Amazon, you can change it to Amazon US, Amazon CA, Amazon UK etc 
3. Click on Save.

Don’t forget to Update the page.

In this article, we are going to show you how to Edit a Book Cover. Assuming that you bought one of our DIY theme or we designed your website.

1. Edit a book cover on a series or book page.
2. Edit a book cover, on its own spotlight page.

Let’s begin

1. Admin Dashboard, on the left navigation you will see Pages and click on that option.
2. Find the page called Books or the Series page, and select the page. Depending on the project, your books may have been split into series pages or all listed on a single Book page.
3. If your blue bars are collapsed, find the section Books or the name of your series. Depending on the project your book series may be split into different sections. Therefore, you may need to find the particular series section. The series sections will be named after one of your book series.
4. Once you’ve located the section, if the blue bars are collapsed, click on the ⮟ icon to your right. That will expand the section. If your blue bars are already expanded then you can move on.

Edit a Book Cover

Hover over the cover that you want to edit, and a set of options will appear.

Click on the icon.

1. If you are changing the cover, click on Remove and then Upload.
2. When the new box loads, click on Upload Files and then Select Files.
3. Locate the new book cover on your computer and upload it to your website.
4. To the right, under Attachment Details scroll down to Size and make sure that the option is set to Full Size.
5. Click on Insert Into Page.

I will advise that you make all the cover images are the same size. If not, you will notice the covers won’t line up properly and they will be uneven.

Always make sure that you click on Save when you are done.

Don’t forget to Update the page.

1. Admin Dashboard, on the left navigation, you will see Pages and click on that option.
2. Find the page called Books or the Series page and select the page. Depending on the project, your books may have been split into series pages or all listed on a single Book page.
3. Depending, you may see labelled collapsed blue bars, or you may see the expanded blue bars. If the blue bars are collapsed, click on the ⮟ icon to your right. That will expand the section. If your blue bars are already expanded then you can move on.
4. Find the section Page Title.

Your section should look similar to the below image. Depending on your project, it may look slightly different.

Hover over the element that you would like to edit, and a set of new options will appear. Click on the  icon and and change the content. Make sure that you click on Save.

Don’t forget to also Update the page.