Ophelia – “Review by” Pages Setup

There are 4 pages where you can list your reviews – Review by Title, Review by Author, Review by Genre and Review by Rating. They are set up the same way – each has a menu at the top and each link will jump to a section on the page (example – if you click on “Fantasy”, you’ll jump to the “Fantasy” section on the page).

If you want to make any changes to the page, like change or add a new genre in “Review by Genre”, follow the instructions below. All of the changes are done directly on the page.

Change title + link in the menu

  1. Click on the title you want to change
  2. Click on the “Edit link” icon (little pen)
  3. Change the Text and Link and make sure they match (if you add Historical Fiction as the Text, add #Historical-Fiction as the link)
  4. Click on the “Apply” button

Change the title + HTML anchor

  1. Scroll down to the section on the page you want to edit
  2. Click on the genre/letter/rating > change the text
  3. Click on the “Advanced” tab from the right sidebar
  4. Click on the “Advanced” panel to expand it
  5. Scroll down to “HTML Anchor” and replace it with the link you’ve added in the menu (if you’ve replaced Fantasy with Historical Fiction, then add the link without a # – Historical-Fiction – as the HTML Anchor)
  6. Save the changes

Add a new title + a divider in the menu

Add the / symbol after the last menu item > select it > click on the arrow from the little menu that will show up (second to last icon from left to right) > click on “Adv Highlight” (this will change the color of the divider and add a little space on each side)

  1. Add your new title after the divider
  2. Select it > click on the “Link” icon (next to the arrow icon) from the little menu that shows up
  3. Add the new title with a # to make it a link (if you’re adding Historical Fiction as the title, then the link is #Historical-Fiction)
  4. Click on the arrow on the right to save the link

Add a new section on the page

If you’ve added a new menu item, then you’ll have to add a new section for it.

  1. Scroll down to the last section on the page > click on it (on the white background)
  2. Click on the 3 dots at the end of the little menu that shows up > click on “Duplicate”
  3. Then follow Steps 2 to 6 from “Change the title + HTML anchor

Change the color + background of the section titles

Go to Appearance > Customize > Additional CSS and add this CSS:

.br-letter, .br-genre {
color: var(--global-palette9) !important;
background: var(--global-palette1) !important;
}