Design Frequently Asked Questions

Design Frequently Asked Questions

← Back to Main Index

This page answers the most common questions about customizing the look and feel of your AVideo platform.

---

Table of Contents

1. How do I change my site logo?
2. How do I change the site colors/theme?
3. How do I add custom CSS?
4. How do I change the homepage layout?
5. How do I hide certain menu items?
6. How do I add my own JavaScript?
7. How do I create a Netflix-style layout?
8. How do I customize the video player?
9. How do I change the footer text?
10. Where can I find free themes?

---

1. How do I change my site logo?

Quick Answer: Go to Plugins → CustomizeAdvanced → Logo settings

Steps:

1. Login as admin
2. Go to Plugins → CustomizeAdvanced
3. Click Edit/Settings
4. Find the Logo section
5. Upload your logo image
6. Click Save

Tip: Recommended size is 200x50 pixels. Use PNG with transparent background for best results.

📖 Add Custom CSS or JavaScript

---

2. How do I change the site colors/theme?

Quick Answer: Use the CustomizeAdvanced plugin or Dark & Light Themes

Steps:

1. Go to Plugins → CustomizeAdvanced
2. Find the color settings (Primary Color, Secondary Color, etc.)
3. Enter your color codes (e.g., #FF5500)
4. Click Save

For dark/light mode toggle:

📖 Dark & Light Themes

---

3. How do I add custom CSS?

Quick Answer: Use the CustomizeAdvanced plugin's CSS field

Steps:

1. Go to Plugins → CustomizeAdvanced
2. Find the Custom CSS text area
3. Paste your CSS code
4. Click Save

Example:

/* Change header background color */
.navbar {
    background-color: #1a1a2e !important;
}

📖 Add Custom CSS or JavaScript

---

4. How do I change the homepage layout?

Quick Answer: Use the Gallery plugin

Steps:

1. Go to Plugins → Gallery
2. Click Edit/Settings
3. Choose your preferred layout style:
   • Grid
   • List
   • Carousel
4. Configure number of videos to display
5. Click Save

📖 Homepage Layout Options

---

5. How do I hide certain menu items?

Quick Answer: Use the TopMenu plugin or CustomizeAdvanced

Steps:

1. Go to Plugins → Enable TopMenu plugin
2. Configure which items to show/hide
3. Save your settings

You can hide:

• Categories
• Trending
• Live streams
• Upload button (for non-logged users)
• And more...

📖 How to use TopMenu Plugin

---

6. How do I add my own JavaScript?

Quick Answer: Use the CustomizeAdvanced plugin's JavaScript field

Steps:

1. Go to Plugins → CustomizeAdvanced
2. Find the Custom JavaScript text area
3. Paste your JavaScript code
4. Click Save

Example:

// Add custom tracking or analytics
console.log('Custom JS loaded');

⚠️ Warning: Be careful with JavaScript - incorrect code can break your site.

📖 Add Custom CSS or JavaScript

---

7. How do I create a Netflix-style layout?

Quick Answer: Enable and configure the Gallery plugin for Netflix/YouPHPFlix style

Steps:

1. Go to Plugins → Gallery
2. Enable the Netflix/YouPHPFlix style option
3. Configure categories and rows
4. Save settings

This gives you:

• Horizontal scrolling rows
• Category-based organization
• Hover effects on thumbnails

📖 Configure a Netflix Clone Page

---

8. How do I customize the video player?

Quick Answer: Use the Player or PlayerSkins plugin

Steps:

1. Go to Plugins → Player or PlayerSkins
2. Configure player options:
   • Autoplay settings
   • Control bar appearance
   • Player colors
   • Watermark/logo overlay
3. Save settings

📖 Player and PlayerSkins Plugin
📖 Autoplay and Browser Policies

---

9. How do I change the footer text?

Quick Answer: Use the CustomizeAdvanced plugin

Steps:

1. Go to Plugins → CustomizeAdvanced
2. Find the Footer section
3. Edit the footer text/HTML
4. Click Save

You can add:

• Copyright text
• Links to your pages
• Social media icons
• Custom HTML

---

10. Where can I find free themes?

Quick Answer: AVideo uses Bootstrap, so most Bootstrap themes work

Options:

1. Built-in themes - Check the CustomizeAdvanced plugin for included options

2. Bootstrap themes - Free themes that can be adapted:

   • Bootswatch - Free Bootstrap themes
   • StartBootstrap - Free templates

3. Marketplace - Commercial themes and plugins:

   • StreamPHP Marketplace

📖 Site Design and Templates
📖 Build Your Own Frontend

---

General Questions

Can I hire you to create a design for me?

No, we currently do not offer design customization services.

Can I hire you to teach me to code?

No, we do not provide coding instruction.
However, you can use our GitHub Issues to ask technical questions.

Can I ask for technical help?

Yes, please use GitHub or the community forums.

---

Related Documentation

• 📖 Homepage Layout Options
• 📖 Build Your Own Frontend
• 📖 Site Design and Templates
• 📖 Advanced Customization Plugin
• 📖 Add Custom CSS or JavaScript