Documentation For Version 1.2

Released: August 3rd, 2018

Modern Sherbet is a modern twist on the taste design of sherbet. It’s bright and colourful! There’s animated button on hover; an animated header and meta ease in, there’s drop shadows (also known a box shadows) all around the theme.

The theme features shorcodes for toggles, tabs, buttons, and more. The theme is equipped with CSS for contact forms and Woocommerces. The theme features different styles for multiple post types which can be controlled in the WordPress Dashboard.

The CSS is commented at parts where you can change values in order to create your own spin on the design.

With version 1.1, I introduced a child theme with the purchases of the main theme! With the child theme I recommend that you inject all your customization’s into the style.css, function.php and other files into the that theme’s folder as it will keep those changes even when you update the main theme!

With version 1.1.1, I introduced theme options via. the Administration panel which can be found via. Appearance > modernSherbet. Here you may enter your header and footer settings and get useful resources such as the download link to the Child Theme and the Shortcode Plugin.

With version 1.1.2, I introduced theme/plugin updates! You may now update modernSherbert through the WordPress theme updater. In addition, you may update modernSherbert Shortcode through the WordPress plugin updater. This feature has been adapted from plugin-update-checker by .

For support visit the Donald Louch Productions Support Portal via. Freshdesk.

!!! IMPORTANT NOTE !!!

You will need to go to Settings > Discussion > Select “5” from the “Enable threaded (nested) comments levels deep” section + Select “5 | last | and newer” from the “Break comments into pages with top level comments per page and the page displayed by defaultComments should be displayed with the comments at the top of each page” section in order for the comment section to work properly.

From version 1.1 and above please note that shortcodes will be accessible via the modernSherbet Shortcode plugin which will be in the download zip file. You may also find the download link in the new (version 1.1.1 and above) administration panel!


Read The Changelog


Tags:

404, Blog, Box Shadow, Buttons, Comments, CSS3, Custom, Drop Shadows, Floating Header, Functions, Gradient, Home, HTML5, Material Design, Modern, PHP, Portfolio, Shortcode, Single, Sticky Header, Thumbnails, WordPress. WordPress Theme, Zero, flexible-header, custom-header, custom-logo, featured-image-header, featured-images, full-width-template, post-formats, sticky-post, threaded-comments, blog, e-commerce, photography, portfolio, child theme, admin panel, theme settings


Help Section

Install The Theme

Installing The Theme

UPDATED IN VERSION 1.1

To install Modern Sherbet you may do it via two options:

1. Upload

  • Download the theme folder from your dashboard on DonaldLouch.ca
  • Extract “modernsherbetX.X.X.zip” File
  • Go to your WordPress Install
  • Head to /admin | /wp-login | /wp-admin
  • Login to Admin Level account
  • Navigate to “Appearance” > “Themes
  • Click the “Add New” button
  • Click the “Upload Theme” button
  • Click the “Browse …” Button
  • Find the “modernsherbet.zip” file in the newly extracted “modernsherbetX.X.X” folder
  • Click the “Install Now” button
  • Click the “Activate” text once installed
  • Your Done!

2. FTP

  • Download the theme folder from your dashboard on DonaldLouch.ca
  • Extract “modernsherbetX.X.X.zip” File
  • Extract “modernsherbet.zip” file in the newly extracted “modernsherbetX.X.X” folder
  • Open your FTP client
  • Login to your FTP account
  • From your “public_html” folder navigate to /YOUR WORDPRESS INSTALL/wp-content/themes
  • Drag and Drop the newly extracted “modernsherbet” folder to the “themes” folder
  • Once uploaded go to your WordPress Install address
  • Head to /admin | /wp-login | /wp-admin
  • Login to Admin Level account
  • Navigate to “Appearance” > “Themes
  • Hover over “modernSherbet
  • Click the “Activate” button
  • Your Done!

Installing The Child Theme

NEW SECTION IN VERSION 1.1.1

To install Modern Sherbet you may do it via two options:

1. Upload

  • Download the theme folder from your dashboard on DonaldLouch.ca
  • Extract “modernsherbetX.X.X.zip” File
  • Go to your WordPress Install
  • Head to /admin | /wp-login | /wp-admin
  • Login to Admin Level account
  • Navigate to “Appearance” > “Themes
  • Click the “Add New” button
  • Click the “Upload Theme” button
  • Click the “Browse …” Button
  • Find the “modernsherbet-child.zip” file in the newly extracted “modernsherbetX.X.X” folder
  • Click the “Install Now” button
  • Click the “Activate” text once installed
  • Your Done!

2. FTP

  • Download the theme folder from your dashboard on DonaldLouch.ca
  • Extract “modernsherbetX.X.X.zip” File
  • Extract “modernsherbet-child.zip” file in the newly extracted “modernsherbetX.X.X” folder
  • Open your FTP client
  • Login to your FTP account
  • From your “public_html” folder navigate to /YOUR WORDPRESS INSTALL/wp-content/themes
  • Drag and Drop the newly extracted “modernsherbet-child” folder to the “themes” folder
  • Once uploaded go to your WordPress Install address
  • Head to /admin | /wp-login | /wp-admin
  • Login to Admin Level account
  • Navigate to “Appearance” > “Themes
  • Hover over “modernSherbet Child
  • Click the “Activate” button
  • Your Done!

Installing the Shortcodes plugin

NEW SECTION IN VERSION 1.1

1. Upload

  • Download the theme folder from your dashboard on DonaldLouch.ca
  • Extract “modernsherbetX.X.X.zip” File
  • Go to your WordPress Install
  • Head to /admin | /wp-login | /wp-admin
  • Login to Admin Level account
  • Navigate to “Plugins
  • Click the “Add New” button
  • Click the “Upload Plugin” button
  • Click the “Choose File …” Button
  • Find the “modernsherbet-shortcodes.zip” file in the newly extracted “modernsherbetX.X.X” folder
  • Click the “Install Now” button
  • Click the “Activate” text once installed
  • Your Done!

2. FTP

  • Download the theme folder from your dashboard on DonaldLouch.ca
  • Extract “modernsherbetX.X.X.zip” File
  • Extract “modernsherbet-shortcodes.zip” file in the newly extracted “modernsherbetX.X.X” folder
  • Open your FTP client
  • Login to your FTP account
  • From your “public_html” folder navigate to /YOUR WORDPRESS INSTALL/wp-content/plugins
  • Drag and Drop the newly extracted “modernsherbet-shortcodes” folder to the “plugins” folder
  • Once uploaded go to your WordPress Install address
  • Head to /admin | /wp-login | /wp-admin
  • Login to Admin Level account
  • Navigate to “Plugins” > “Installed Plugins
  • Click the “Activate” button under “modernSherbet Shortcodes
  • Your Done!

Once you have installed the theme I recommend you do some quick setup!

Update The Theme

UPDATED SECTION IN VERSION 1.1.2

To update Modern Sherbet you may do it via three options; note that if you have made any changes within the main theme, the changes will be overwritten. I recommend installing the child theme along with the main theme and injecting all customization’s there.

1. WordPress Update

  • Backup outdated theme
  • Head to /admin | /wp-login | /wp-admin
  • Login to Admin Level account
  • Navigate to “Dashboard” > “UpdatesOR Navigate to “Appearance” > “ThemesOR Navigate to “Plugins
  • Find “modernSherbet | modernSherbet ChildORmodernSherbet Shortcode
  • For:
    • Updates:
      • Select the check box for the theme(s) | Select the check box for the plugin
      • Click the “Update Themes” Button | Click the “Update Plugins” Button
    • Themes: Click the “update now” text above the theme(s)
    • Plugins: Click the “update now” text below the plugin
  • Your Done!

2. Re-write files

  • Backup outdated theme
  • Look at the Changelog at http://sherbet.theme.donaldlouch.ca/change-log/ OR in the download file; for File(s) Updated: (indicated with “*”); note down the changed files
  • Download the theme folder from your dashboard on DonaldLouch.ca
  • Extract “modernsherbetX.X.X.zip” File
  • Extract “modernsherbet.zip” file in the newly extracted “modernsherbetX.X.X” folder
  • Open your FTP client
  • Login to your FTP account
  • From your “public_html” folder navigate to /YOUR WORDPRESS INSTALL/wp-content/themes/modernsherbet
  • Open new folder view
  • Navigate to the newly extracted “modernsherbet” folder from the “modernsherbetX.X.X” folder
  • Drag and drop the updated files that are listed in the changelog
  • Click the “Replace” button or something of that nature
  • Once uploaded go to your WordPress Install address
  • Head to /admin | /wp-login | /wp-admin
  • Login to Admin Level account
  • Navigate to “Appearance” > “Themes
  • Hover over “modernSherbet
  • Click the “Activate” button; if not already activated
  • Your Done!

3. Fresh Install (if no custom changes are made)

  • Backup outdated theme
  • Download the theme folder from your dashboard on DonaldLouch.ca
  • Extract “modernsherbetX.X.X.zip” File
  • Extract “modernsherbet.zip” file in the newly extracted “modernsherbetX.X.X” folder
  • Open your FTP client
  • Login to your FTP account
  • From your “public_html” folder navigate to /YOUR WORDPRESS INSTALL/wp-content/themes
  • Drag and Drop the newly extracted “modernsherbet” folder to the “themes” folder
  • Click the “Replace” button or something of that nature
  • Once uploaded go to your WordPress Install address
  • Head to /admin | /wp-login | /wp-admin
  • Login to Admin Level account
  • Navigate to “Appearance” > “Themes
  • Hover over “modernSherbet
  • Click the “Activate” button; if not already activated
  • Your Done!

Once you have installed the theme I recommend you do some quick setup!

Setup The Theme

Upload your own Header Logo

  • Go to your WordPress Install
  • Head to /admin | /wp-login | /wp-admin
  • Login to Admin Level account
  • Navigate to “Appearance” > “Customize
  • Click the “Header Image” menu
  • Click the “Add new image” option
  • Find your image OR
    • Click the “Upload Files
    • Click the “Select Files” and find the image
    • Follow Next Steps
  • Click the “Select and Crop” button
  • Move the box to fit your logo or crop area
  • Click the “Crop Image” button
  • Click the “Publish” button
  • Your Done!

Menu Not Working?

  • Go to your WordPress Install
  • Head to /admin | /wp-login | /wp-admin
  • Login to Admin Level account
  • Navigate to “Appearance” > “Menus
  • Select the Menu you want to be the main OR
    • Create a new menu via. the “create a new menu” hyperlink
    • Add a name in the “Menu Name” Field
    • Click the “Create Menu Button
    • Select the menu items from the left side panel
    • Click the “Add to Menu” button
    • Follow Next Steps
  • Select the “Primary Navigation” option from the “Display location” option panel
  • Click the “Save Menu” button

Comment Section Not Working?

NEW IN VERSION 1.1

  • Go to your WordPress Install
  • Head to /admin | /wp-login | /wp-admin
  • Login to Admin Level account
  • Go to “Settings” > “Discussion
  • Select “5” from the “Enable threaded (nested) comments levels deep” section
  • Select “5 | last | and newer” from the “Break comments into pages with top level comments per page and the page displayed by defaultComments should be displayed with the comments at the top of each page” section
  • Click the “Save Changes” button

Header Edits*

NEW SECTION IN VERSION 1.1.1

  • Go to your WordPress Install
  • Head to /admin | /wp-login | /wp-admin
  • Login to Admin Level account
  • Go to “Appearance” > “modernSherbet
  • Enter your site title in the “Site Title” field
  • Enter your site link in the “Site Link” field
  • Click the “Save Settings” button

UPDATED IN VERSION 1.1.1

  • You may now use the theme settings to change this (see above section) | Or Child Theme Installation Recommend: header.php (see below for more details)
  • Go to the header.php file via. FTP or from navigating to “Appearance” > “Editor” on your WordPress install
  • On line 23: Replace “Site Title” with the title of your site
  • On line 24: Add your home page URL after the opening quote in the “<a=”
  • Save OR “Update File
  • Your Done!

Footer Edits*

NEW SECTION IN VERSION 1.1.1

  • Go to your WordPress Install
  • Head to /admin | /wp-login | /wp-admin
  • Login to Admin Level account
  • Go to “Appearance” > “modernSherbet
  • Enter your start year in the “Footer Text (1)” field
  • Enter your company link in the “Footer Text (2)” field
  • Enter your company name in the “Footer Text (3)” field
  • Click the “Save Settings” button

UPDATED IN VERSION 1.1.1

  • You may now use the theme settings to change this (see above section) | Or Child Theme Installation Recommend: footer.php (see below for more details)
  • Go to the footer.php file via. FTP or from navigating to “Appearance” > “Editor” on your WordPress install
  • On line 2: Feel free to add a start year to your copyright (for instance &copy 2013 – <?php echo date(‘Y’); ?>)
  • On line 2: Replace “<a href=”https://donaldlouch.ca” alt=”DLP“>Donald Louch Productions</a>” with your URL and name
  • Save OR “Update File”
  • Your Done!

Use the Contact Form Function**

Create Form

  • Go to your WordPress Install
  • Head to /admin | /wp-login | /wp-admin
  • Login to your account
  • Navigate to “PostsORPages
  • Click the “Add New” button
  • Put a title in the “Title” section
  • Click the “Text” button on the body field
  • Enter the following code
    • <form action=”../../wp-content/mailFORMID.php” method=”post”>
    • Followed By Your Fields (Add As Many)
      • For Text Lines:
        • <section id=”ID”>
        • <h6 class=”l6″><label for=”ID”>FieldName:</label></h6>
        • <input id=”ID” class=”contactInput” name=”ID” type=”text” placeholder=”TEXT” />
        • </section>
      • For Buttons:
        • <section id=”formButton”>
        • <p>TEXT BEFORE BUTTON:<input type=”checkbox” value=”INEMAIL” name=”ID”><br /></p>
        • </section>
      • For DropDown Menus:
        • <section id=”ID”>
        • <h6 class=”l6″><label for=”ID”>TEXT BEFORE DropDown:</label></h6>
        • <select name=”NAME” size=”1″>
        • <option value=”VALUE ON EMAIL”>TEXT IN DropDown</option>
        • <option value=”VALUE ON EMAIL 2″>TEXT IN DropDown 2</option>
        • </select>
        • </section>
      • For Text Area
        • <section id=”ID”>
        • <h6 class=”l6″><label for=”ID”>TEXT BEFORE TEXT AREA:</label></h6>
        • <textarea id=”ID” name=”NAME” placeholder=”TEXT”></textarea>
        • </section>
    • Then you will need to include the “Submit Button”
      • <section>
      • <h6><button class=”contactButton” name=”send” type=”submit”>Send Form</button></h6>
      • </section>
    • </form>
  • Enter Tags, Categories, Add Featured Emails, and any other settings
  • Click the “Publish” button
  • Your Done!

Get Emails

  • Download the theme folder from your dashboard on DonaldLouch.ca
  • Extract “modernsherbet1.0.zip” File
  • Open your FTP client
  • Login to your FTP account
  • From your “public_html” folder navigate to /YOUR WORDPRESS INSTALL/wp-content
  • Drag and Drop “mailContactForm.php” file from the “modernsherbet1.0” folder
  • Change the name from “mailContactForm.php” to “mailFORMID.php
  • Open File
  • Add your email (Line 14)
  • Add/Edit fields (After Line 3)
    • $NameForFieldsBelow = $_POST[‘FieldIDFromForm’]
  • Save the file
  • Duplicate when having multiple forms and change the file name after each duplication
  • Your Done!

UPDATED IN VERSION 1.1: *Note that the Header and Footer information will reset upon reinstalling the theme. I recommend making a copy of the file(s) before updating/reinstalling. Unless you use the theme settings to change this or you can install the child theme via the same steps as the “Install The Theme” section but instead of extracting/using “modernsherbet.zip” extract/use “modernsherbet-child.zip” then create a header.php/footer.php file and copy and past the code from the main theme; then change the information as listed!

**The Contact Forms DO require the use of an FTP client! If you need any help with creating the form or sending function create a ticket on my Freshdesk Support Portal and I will help you FREE of charge!

Customize The Theme

To Make Changes

UPDATED IN VERSION 1.2

  • Child Theme Installation Recommend: style.css (see below for more details)
  • Go to the style.css file via. FTP or from navigating to “Appearance” > “Editor” on your WordPress install
  • Change any styling, note that I have made comments to make it easier to navigate! For easier management, I recommend placing your custom code on Line 1967 and below or in a child theme!

ALL LINES AFTER 245 UPDATED IN VERSION 1.2

Line 78: Change overall font

  • body {font-size: SIZE; font-family: “FONTNAME”, TYPE; color: COLOR;}

Line 80: Change background image on the body (on all pages)

  • body {background: linear-gradient(CODE) | background-color: COLOR | background-image: url(“PATH_TO_IMAGE.jpg”);}

Line 86: Change link colour

  • a:link, a:visited {color: COLOR}

Line 91: Change link colour on hover

  • a:hover {color: COLOR}

ADDED IN Version 1.2 Line 137: Change the divider line style

  • hr {border: THICKNESS TYPE COLOR;}

Line 179: Change the line for blockquotes

  • blockquote {border-left: THICKNESS TYPE COLOR;}

ADDED IN Version 1.2 Line 220: Change the style of the code sample

  • pre {background-color: COLOR; padding: SIZE; font-family: “FONT”; font-weight: WEIGHT;}

All below: UPDATED VERSION 1.2

Table Edits

  • Line 245: td, th {border: TYPE COLOR THICKNESS;}
  • Line 257: tr:nth-child(2n) {background-color: COLOR; color: COLOR;} /* Every other row */

Line 385: Change buttons

  • .nav-links a, .nav-previous a, .nav-next a, .navLinks a, .welcomeButton a, a.button, .downloadResButton a, .alignleft a, .alignright a, .woocommerce div.product form.cart .button, a.checkout-button.button.alt.wc-forward, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .woocommerce-MyAccount-navigation a {
    font-size: SIZE; border-radius: RADIUS; background: linear-gradient(CODE) | background-color: COLOR | background-image: url(“PATH_TO_IMAGE.jpg”); color: COLOR;}

Line 409: Change buttons on hover

  • .page-numbers:hover, .nav-previous a:hover, .nav-next a:hover, .navLinks a:hover, .welcomeButton a:hover, a.button:hover, .downloadResButton a:hover, .alignleft a:hover, .alignright a:hover, .woocommerce div.product form.cart .button:hover, a.checkout-button.button.alt.wc-forward:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-MyAccount-navigation a:hover {animation-duration: DURATION; background: linear-gradient(CODE) | background-color: COLOR | background-image: url(“PATH_TO_IMAGE.jpg”); color: COLOR; /* End Background Colour */}
    @keyframes hover {0% {background: linear-gradient(CODE) | background-color: COLOR | background-image: url(“PATH_TO_IMAGE.jpg”); color: COLOR;
    } 25% {background: linear-gradient(CODE) | background-color: COLOR | background-image: url(“PATH_TO_IMAGE.jpg”); color: COLOR;} 50% {background: linear-gradient(CODE) | background-color: COLOR | background-image: url(“PATH_TO_IMAGE.jpg”); color: COLOR;} 75% {background: linear-gradient(CODE) | background-color: COLOR | background-image: url(“PATH_TO_IMAGE.jpg”); color: COLOR;} 100% {background: linear-gradient(CODE) | background-color: COLOR | background-image: url(“PATH_TO_IMAGE.jpg”); color: COLOR;}

Line 460: Change flat button

  • a.flatButton {background: linear-gradient(CODE) | background-color: COLOR | background-image: url(“PATH_TO_IMAGE.jpg”); color: COLOR;}

Line 467: Change flat button on hover

  • a.flatButton:hover {color: COLOR;}

Line 482: Change header style

  • header {background: linear-gradient(CODE) | background-color: COLOR | background-image: url(“PATH_TO_IMAGE.jpg”); animation-duration: DURATION;}
    @keyframes header {0% {top:POSITION; left: POSITION; opacity: 0.1;}100% {top:POSITION; left: POSITION; opacity: 1;}}

Line 533: Change menu button line

  • #menu-main a {border-bottom: THICKNESS TYPE COLOR;}

NEW IN Version 1.2 Line 536: Change the style of the current page in the header

  • .current_page_item a, .current_page_parent a {font-weight: WEIGHT; color: #COLOR;}

Line 545: Change the background color of the sub menu

  • .sub-menu {background: linear-gradient(CODE) | background-color: COLOR | background-image: url(“PATH_TO_IMAGE.jpg”);}

Line 626: Change the background image on the home page and the 404 page

  • #welcome, .error404Content {background: linear-gradient(CODE) | background-color: COLOR | background-image: url(“PATH_TO_IMAGE.jpg”);}

Line 690: Change the background on the articles (posts and pages)

  • article {background: linear-gradient(CODE) | background-color: COLOR | background-image: url(“PATH_TO_IMAGE.jpg”););}

Line 699: Change the background on the articles (feed page)

  • #posts article {background: linear-gradient(CODE) | background-color: COLOR | background-image: url(“PATH_TO_IMAGE.jpg”););}

Line 742: Change the read more button on the feed page

  • .readMore {border: TYPE THICKNESS COLOR;}

Line 769: Change the text color of the sidebar

  • #sidebar {color: COLOR;}

Line 791: Change the link colors of the sidebar

  • #sidebar a {color: COLOR;}

Line 794: Change the underline of the search field (sidebar)

  • input.search-field {border-top: hidden; border-left: hidden; border-bottom: TYPE COLOR THICKNESS; border-right: hidden; color: COLOR;}

Line 811: Change the underline of the dropdown box(s) (sidebar)

  • select#cat, #archives-dropdown-2 {border-top: hidden; border-left: hidden; border-bottom: TYPE COLOR THICKNESS; border-right: hidden; color: COLOR;}

Line 864: Change the background of the meta box

  • .meta, .metaNI {background: linear-gradient(CODE) | background-color: COLOR | background-image: url(“PATH_TO_IMAGE.jpg”);}

NEW IN Version 1.2 Line 891: Change the post meta box for posts with no thumbnail

  • .metaNI {background: linear-gradient(CODE) | background-color: COLOR | background-image: url(“PATH_TO_IMAGE.jpg”); color: COLOR;}
  • Line 903: .metaNI a {color: COLOR; font-weight: WEIGHT;}

NEW IN Version 1.2 Line 945: Change the post meta box for gallery post types

  • .single-format-gallery .metaNI {background: linear-gradient(CODE) | background-color: COLOR | background-image: url(“PATH_TO_IMAGE.jpg”); color: COLOR;}

ADDED IN Version 1.2 Line 1015: Change the “By” section style

  • #by {background: linear-gradient(CODE) | background-color: COLOR | background-image: url(“PATH_TO_IMAGE.jpg”);}

Line 1059: Change the text color of the attachment page

  • .wrapCenterAP {color: COLOR;}

Line 1091: Change the toggle button

  • .toggleButton {background: linear-gradient(CODE) | background-color: COLOR | background-image: url(“PATH_TO_IMAGE.jpg”);}
  • Line 1105: .toggleButton:active, .toggleButton:hover {color: COLOR;}

Line 1135: Change the tabs style

  • #tabs nav {color: COLOR !important; border-bottom: TYPE COLOR THICKNESS;}
  • Line 1165: #tabs nav a:hover {color: COLOR;}
  • NEW IN Version 1.2 Line 1198: #tabs .tab-current {font-weight: WEIGHT; color: COLOR;}

Line 1276: Change the submit button on the contact form

  • .contactButton {background: linear-gradient(CODE) | background-color: COLOR | background-image: url(“PATH_TO_IMAGE.jpg”); color: COLOR;}

Line 1288: Change the submit button on the contact form

  • .contactButton:hover {background: linear-gradient(CODE) | background-color: COLOR | background-image: url(“PATH_TO_IMAGE.jpg”);}

Line 1301: Change the underline color on the contact form

  • select, .contactInput, textarea {border-top: hidden; border-left: hidden; border-bottom: TYPE COLOR THICKNESS; border-right: hidden;}

Line 1323: Change the border color on the contact form when active on field

  • .contactInput:focus, .textarea:focus {border-color: TYPE COLOR THICKNESS;}

Line 1341: Change the background of the comment meta information (MUST BE a gradient)

  • .comment-meta {background: linear-gradient(CODE);}

Line 1346: Change the background of the comment meta information from the author (MUST BE a gradient)

  • .bypostauthor footer {background: linear-gradient(CODE);}

Change the text color of the comment meta

  • Line 1355: .fn a {color: COLOR;}
  • Line 1360: .comment-metadata time {color: COLOR;}

Line 1390: Change the text color of the reply button in comments

  • .commentlist .reply a {border: COLOR TYPE THICKNESS; color: COLOR;}
  • Line 1403: .commentlist .reply a:hover {background-color: COLOR; color: COLOR;}

Line 1478: Change the comment form underline color

  • .comment-form Input, .comment-form textarea, .comment-form option {border-top: hidden; border-left: hidden; border-bottom: TYPE COLOR THICKNESS; border-right: hidden;}

Line 1497: Change the underline color of the comment form when active on field

  • .comment-form input:focus, .comment-form textarea:focus {border-color: COLOR;}

Line 1500: Change the color of the submit button 0n the comment form

  • #submit {background: linear-gradient(CODE) | background-color: COLOR | background-image: url(“PATH_TO_IMAGE.jpg”); color: COLOR;}
  • Line 1513: #submit:hover {background: linear-gradient(CODE) | background-color: COLOR | background-image: url(“PATH_TO_IMAGE.jpg”); color: COLOR;}

Line 1541: Change the author bio strip

  • #authourBio {background: linear-gradient(CODE) | background-color: COLOR | background-image: url(“PATH_TO_IMAGE.jpg”); color: COLOR;}
  • Line 1549: .authorH2 {color:COLOR} /*Changes the text color of the author */

Line 1631: Change the Woocommerce’s checkout form

  • .checkout.woocommerce-checkout input, .checkout.woocommerce-checkout textarea, .post-password-form input, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {border-top: hidden; border-left: hidden; border-bottom: TYPE COLOR THICKNESS; border-right: hidden;}
  • Line 1649: .checkout.woocommerce-checkout input:focus, .checkout.woocommerce-checkout textarea:focus, .post-password-form input:hover {border-color: COLOR;}
  • Line 1652: .quantity, .checkout.woocommerce-checkout select {border-top: hidden; border-left: hidden; border-bottom: TYPE COLOR THICKNESS; border-right: hidden;}
  • Line 1664: #coupon_code {border-top: hidden; border-left: hidden; border-bottom: TYPE COLOR THICKNESS; border-right: hidden;}

Line 1745: Change the footer

  • footer {background: linear-gradient(CODE) | background-color: COLOR | background-image: url(“PATH_TO_IMAGE.jpg”); color: COLOR;}
  • Line 1757: .footerButton a {color: COLOR}
  • Line 1761: .footerButton a:hover {color: COLOR}

Line 1967: Place custom code here and beyond*!

UPDATED IN VERSION 1.1: *Note that the styling information will be changed upon reinstalling the theme. I recommend making a copy of the file(s) before updating/reinstalling. Unless you install the child theme via the same steps as the “Install The Theme” section but instead of extracting/using “modernsherbet.zip” extract/use “modernsherbet-child.zip” then inject your custom styles into the child theme > style.css file as listed!

UPDATED IN VERSION 1.1: **The above are some tips on code that you can change! You may change other styles and code!

***If you are wanting custom theming I do offer service request for this! Just create a ticket on my Freshdesk Support Portal for more info and quotes!