Change background color of nav bar, WordPress Avada theme

To change the background color of the menu bar in the Avada WordPress theme follow the steps below.

  1. Find/copy the hexadecimal value of the color you want to change the nav bar or menu bar too using this chart.
  2. Next log into WordPress and click on: ‘Avada’ > ‘Theme Options’ > ‘Custom CSS’.
  3. Paste this CSS code into the ‘Custom CSS’ field. Replace the ‘color-here’ text with the hexadecimal color code you copied earlier.
    .fusion-secondary-main-menu {
    background-color: color-here !important;
    }

    .main-menu {
    background-color: color-here !important;
    }

  4. Click the ‘Save Changes’ button.

How to create a blog post and create a link to a PDF in it

  1. Create an image using any imaging editing software to create the featured image, example (400×180 pixels). This will be the Blog post featured/thumbnail image.
  2. Upload the PDF to WordPress ‘Log in’ > ‘Media’ > ‘Add New’ > ‘Select Files’ and upload the PDF. After you upload the PDF, click the ‘Edit’ link that appears. Copy (‘ctrl’ key + ‘c’ key) the ‘File URL’ for later use.
    edit
  3. Create the Blog post. ‘Log in’ > ‘Posts’ > ‘Add New’ > and fill in the title, content, category and select the featured images you uploaded earlier.
    blog_post_wordpress
  4. To create the actual link to your PDF in the content section of your blog post, highlight the text you want to turn into the link, in the content section, and click the ‘insert/edit link’ icon. Paste the URL you copied earlier into the ‘URL’ field.
    create_link
  5. Click the blue ‘Publish’ button in the top right side of the screen.

 

 

 

Change text color for slogan under logo, for the godaddy WordPress theme Escapade

To change the text color for certain elements in the GoDaddy WordPress theme Escapade do this:

Log into WordPress > click ‘Appearance’ > ‘Customize’ > ‘Colors’…

To change the color of the tagline text, right under the logo, do this:

Log into WordPress > click ‘Appearance’ > ‘Customize’ > ‘Additional CSS’

Enter this markup into the ‘Additional CSS’ field, to change the slogan text color to gray.

.site-title a{
color:inherit !important;
}

Click the ‘Save and Publish’ button.