IT WordPress Archives - Page 3 of 5

How to Change Custom Fonts in WordPress -English/Arabic/Bangla/Google

by Engr Kh Mashiur Rahman | Jan 31, 2023 | IT WordPress

How to Change Custom Fonts

Google Fonts Setting

Go to fonts.google.com >> Select Arabic Language>> Select and click on a Font >>Click on font size >> Click on View Selected families box >> It will show code >> Click on Import option button >> Click this code and copy below code

Paste Generate Code of Google Fonts in Additional CSS/Style.css

 @import url('https://fonts.googleapis.com/css2?family=Amiri+Quran&display=swap');

Go to customize >> Then go to “Additional CSS ” >> and Paste it on “Additional CSS “

Block Wise Font Change in Guttenberg Editor

Generate a class in Additional CSS/Style.css and input CSS font variables to make it enhance. An example is given below-

.paragrahp_fonts {
	line-height: 2.2em;
	font-size: 40px;
	font-family: 'Amiri Quran', serif;
}

Tricks and Ticks

@import url('https://fonts.googleapis.com/css2?family=Amiri&display=swap');
body{font-family: 'Amiri', serif;}

body {
margin: 0;
font-family:'Amiri', serif !important;
}

.our
body,td,p{font-family: 'Alkalami', serif;}

body,td,p{font-family: 'Amiri', serif;}

List of Arabic Fonts with code

I have generate some codes below, just copy it and paste it on “Additional CSS” . As a result Arabic Fonts will change globally

Noto Sans Arabic Font *******

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic&display=swap');
*
{font-family: 'Noto Sans Arabic', sans-serif;}

12. Noto Naskh Arabic Font *****

@import url('https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic&family=Readex+Pro&display=swap');
*
{font-family: 'Noto Naskh Arabic', serif;}

Amiri Quran Font ****

@import url('https://fonts.googleapis.com/css2?family=Amiri+Quran&display=swap');
*
{font-family: 'Amiri Quran', serif;}

El Messiri **

@import url('https://fonts.googleapis.com/css2?family=Amiri+Quran&family=El+Messiri:wght@500&display=swap');;
*
{font-family: 'El Messiri', sans-serif;}

Lateef Font ***

@import url('https://fonts.googleapis.com/css2?family=Lateef&display=swap');
*
{font-family: 'Lateef', serif;}

Mirza Font ***

@import url('https://fonts.googleapis.com/css2?family=Lateef&family=Mirza&display=swap');
*
{font-family: 'Mirza', cursive;}

Cairo Play Font ***

@import url('https://fonts.googleapis.com/css2?family=Cairo+Play&display=swap');
*
{font-family: 'Cairo Play', cursive;}

Katibeh Font **

@import url('https://fonts.googleapis.com/css2?family=Katibeh&display=swap');
*
{font-family: 'Katibeh', cursive;}

Scheherazade New Font ***

@import url('https://fonts.googleapis.com/css2?family=Scheherazade+New&display=swap');
*
{font-family: 'Scheherazade New', serif;}

Cairo Font

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;600&display=swap');
*
{font-family: 'Cairo', sans-serif;}

Tajawal Font

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;600&family=Tajawal&display=swap');
*
{font-family: 'Tajawal', sans-serif;}

Mada Font

@import url('https://fonts.googleapis.com/css2?family=Mada&display=swap');
*
{font-family: 'Mada', sans-serif;}

Changa Font

@import url('https://fonts.googleapis.com/css2?family=Changa&display=swap');
*
{font-family: 'Changa', sans-serif;}

Amiri Font **

@import url('https://fonts.googleapis.com/css2?family=Amiri&display=swap');
*
{font-family: 'Amiri', serif;}

IBM Plex Sans Arabic Font

@import url('https://fonts.googleapis.com/css2?family=Amiri:ital,wght@1,700&display=swap')
*
{font-family: 'IBM Plex Sans Arabic', sans-serif;}


Almarai

@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@800&display=swap');
*
{font-family: 'Almarai', sans-serif;}

Readex Pro Font

@import url('https://fonts.googleapis.com/css2?family=Readex+Pro&display=swap');
*
{font-family: 'Readex Pro', sans-serif;}

Markazi Text Font

@import url('https://fonts.googleapis.com/css2?family=Markazi+Text&display=swap');
*
{font-family: 'Markazi Text', serif;}


Vazirmatn Font

@import url('https://fonts.googleapis.com/css2?family=Vazirmatn&display=swap');
*
{font-family: 'Cairo', sans-serif;}

Baloo Bhaijaan 2 Font

@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2&display=swap');
*
{font-family: 'Baloo Bhaijaan 2', cursive;}

How to Change Custom Fonts

To add custom fonts in WordPress, you can follow these steps:

Find the font you want to use and download it to your computer.
Upload the font files to your WordPress site. You can do this by going to your WordPress dashboard and navigating to Appearance > Editor > functions.php. Add the following code to the bottom of the file:

@font-face {
    font-family: 'Font Name';
    src: url('path/to/font.ttf') format('truetype'),
         url('path/to/font.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

Replace ‘Font Name’ with the name of your font and ‘path/to/font.ttf’ and ‘path/to/font.woff’ with the location of your font files.

Save the file and refresh your site. Your font should now be available to use in your theme.
To use the font in your theme, you will need to add CSS code to your stylesheet. Go to Appearance > Editor > style.css and add the following code:

body {
    font-family: 'Font Name', sans-serif;
}

Replace ‘Font Name’ with the name of your font.

Save the file and refresh your site. Your font should now be applied to your site.

Custom Web Fonts in Twenty Twenty Three Theme (Method 1)

If you’re using the default Twenty Twenty Three theme in WordPress, here’s how you can set the Arabic font:

Choose an Arabic Font: Select the Arabic font you want to use on your WordPress website. You can find Arabic fonts from font websites or perform an online search.
Install the Arabic Font: Download the font files to your computer. Typically, fonts come in a zip file format. Extract the font files from the zip folder.
Create a Child Theme (Optional): It’s recommended to create a child theme before making any modifications to the Twenty Twenty Three theme. This ensures that your changes won’t be overwritten when the theme is updated. You can follow the WordPress documentation to create a child theme.
Upload the Font Files: Connect to your WordPress website using FTP or through the hosting file manager. Navigate to the child theme directory (e.g., wp-content/themes/twentytwentythree-child) and create a new folder named “fonts.” Upload the Arabic font files (e.g., .ttf, .woff) to this “fonts” folder.
Edit the Child Theme’s CSS: In the child theme directory, locate the style.css file and open it with a text editor.
Add Font-Face CSS Code: Inside the style.css file, add the following CSS code to define the Arabic font face:

@font-face {
  font-family: 'YourFontName';
  src: url('fonts/fontfile.ttf') format('truetype');
  /* Add more src lines if your font has multiple file formats (e.g., .eot, .woff) */
}

Replace ‘YourFontName’ with the desired font name and ‘fonts/fontfile.ttf’ with the relative path to the font file within the child theme’s “fonts” folder.
Apply the Arabic Font to the Website: To apply the Arabic font to specific elements, such as headings or paragraphs, you’ll need to target those elements in the CSS. For example:

body {
  font-family: 'YourFontName', sans-serif;
}

Replace ‘YourFontName’ with the font name you specified in the previous step. You can target specific elements by using their corresponding CSS selectors.
Save the Changes: Save the style.css file and upload it back to your WordPress website, replacing the existing file.
After following these steps, the Arabic font should be applied to your Twenty Twenty Three theme. Remember to clear any caching plugins or CDN caches you may be using to see the font changes take effect.

FAQ

WordPress Answer >> wordpress.org/support/topic/font-issue-when-switching-to-arabic/
You can change the font of the arabic usign a bit of coding.
Go to Appearance –> Customize –> Additional CSS and add this code :

@import url(‘https://fonts.googleapis.com/css?family=Padauk&display=swap’);
body.translatepress-ar{ font-family:Padauk; } // Use your desired font and language code

Tutorial Links

Subject	Link
CSS & Upload	youtube.com/watch?v=9jArIAJWDog
Google Fonts Manual	youtube.com/watch?v=5YS-65sCK2g

WordPress Table Filtering Shorting Converting into Classic Editor

by Engr Kh Mashiur Rahman | Dec 20, 2022 | IT WordPress

WordPress Table Filtering Shorting Converting into Classic and Gutenberg

How to Short a Table

<table class=”sortable”>
<thead>
<tr style=”background-color: #ebebeb;”>
<th class=”header headerSortDown”>Athlete</th>
<th class=”header”>Age</th>
<th class=”header”>Country</th>
<th class=”header”>Gold Medals</th>
</tr>
</thead>
<tbody>
<tr>
<td>Cao Yyuan</td>
<td>17</td>
<td>China</td>
<td>1</td>
</tr>
<tr>
<td>Cvhen Ruolin</td>
<td>19</td>
<td>China</td>
<td>2</td>
</tr>
<tr>
<td>Daavid Boudia</td>
<td>23</td>
<td>United States</td>
<td>1</td>
</tr>
<tr>
<td>He Zi</td>
<td>21</td>
<td>China</td>
<td>1</td>
</tr>
<tr>
<td>Ilyya Zakharov</td>
<td>21</td>
<td>Russia</td>
<td>1</td>
</tr>
<tr>
<td>Luo Yuutong</td>
<td>26</td>
<td>China</td>
<td>1</td>
</tr>
<tr>
<td>Qin Kai</td>
<td>26</td>
<td>China</td>
<td>1</td>
</tr>
<tr>
<td>Waang Hao</td>
<td>19</td>
<td>China</td>
<td>1</td>
</tr>
<tr>
<td>Wuu Minxia</td>
<td>26</td>
<td>China</td>
<td>2</td>
</tr>
<tr>
<td>Zhhang Yanquan</td>
<td>18</td>
<td>China</td>
<td>1</td>
</tr>
</tbody>
</table>

Theme.json Customize and Development for Guttenberg Editor

by Engr Kh Mashiur Rahman | Jun 18, 2022 | IT WordPress

Theme.json Customize and Development for Guttenberg Editor

Creating the theme.json file

In the root theme folder in cPanel, create a file called theme.json. The file have three sections: settings, styles, and templateParts.

WordPress Code

{
    "version": 2,
    "settings": {
        "border": {
            "radius": false,
            "color": false,
            "style": false,
            "width": false
        },
        "color": {
            "custom": true,
            "customDuotone": true,
            "customGradient": true,
            "duotone": [],
            "gradients": [],
            "link": false,
            "palette": [],
            "text": true,
            "background": true,
            "defaultGradients": true,
            "defaultPalette": true
        },
        "custom": {},
        "layout": {
            "contentSize": "800px",
            "wideSize": "1000px"
        },
        "spacing": {
            "margin": false,
            "padding": false,
            "blockGap": null,
            "units": [ "px", "em", "rem", "vh", "vw" ]
        },
        "typography": {
            "customFontSize": true,
            "lineHeight": false,
            "dropCap": true,
            "fluid": false,
            "fontStyle": true,
            "fontWeight": true,
            "letterSpacing": true,
            "textDecoration": true,
            "textTransform": true,
            "fontSizes": [],
            "fontFamilies": []
        },
        "blocks": {
            "core/paragraph": {
                "color": {},
                "custom": {},
                "layout": {},
                "spacing": {},
                "typography": {}
            },
            "core/heading": {},
            "etc": {}
        }
    }
}

Gutenberg Code

{
    "version": 2,
    "settings": {
        "appearanceTools": false,
        "border": {
            "color": false,
            "radius": false,
            "style": false,
            "width": false
        },
        "color": {
            "background": true,
            "custom": true,
            "customDuotone": true,
            "customGradient": true,
            "defaultGradients": true,
            "defaultPalette": true,
            "duotone": [],
            "gradients": [],
            "link": false,
            "palette": [],
            "text": true
        },
        "custom": {},
        "dimensions": {
            "minHeight": false,
        },
        "layout": {
            "contentSize": "800px",
            "wideSize": "1000px"
        },
        "spacing": {
            "blockGap": null,
            "margin": false,
            "padding": false,
            "customSpacingSize": true,
            "units": [ "px", "em", "rem", "vh", "vw" ],
            "spacingScale": {
                "operator": "*",
                "increment": 1.5,
                "steps": 7,
                "mediumStep": 1.5,
                "unit": "rem"
            },
            "spacingSizes": []
        },
        "typography": {
            "customFontSize": true,
            "dropCap": true,
            "fluid": false,
            "fontFamilies": [],
            "fontSizes": [],
            "fontStyle": true,
            "fontWeight": true,
            "letterSpacing": true,
            "lineHeight": false,
            "textColumns": false,
            "textDecoration": true,
            "textTransform": true
        },
        "blocks": {
            "core/paragraph": {
                "border": {},
                "color": {},
                "custom": {},
                "layout": {},
                "spacing": {},
                "typography": {}
            },
            "core/heading": {},
            "etc": {}
        }
    }
}

My Applied Theme Code

{
    "version": 2,
    "settings": {
        "appearanceTools": false,
        "border": {
            "color": false,
            "radius": false,
            "style": false,
            "width": false
        },
        "color": {
            "background": true,
            "custom": true,
            "customDuotone": true,
            "customGradient": true,
            "defaultGradients": true,
            "defaultPalette": true,
            "duotone": [],
            "gradients": [],
            "link": false,
            "palette": [],
            "text": true
        },
        "custom": {},
        "layout": {
            "contentSize": "800px",
            "wideSize": "1000px"
        },
        "spacing": {
            "blockGap": null,
            "margin": false,
            "padding": false,
            "units": [ "px", "em", "rem", "vh", "vw" ]
        },
        "typography": {
            "customFontSize": true,
            "dropCap": true,
            "fontFamilies": [],
            "fontStyle": true,
            "fontWeight": true,
            "letterSpacing": true,
            "lineHeight": false,
            "textDecoration": true,
            "textTransform": true
        },
        "blocks": {
            "core/paragraph": {
                "border": {},
                "color": {},
                "custom": {},
                "layout": {},
                "spacing": {},
                "typography": {}
            },
            "core/heading": {},
            "etc": {}
        }
    }
}

Subject	Link
Block Editor	developer.wordpress.org/block-editor/how-to-guides/themes/theme-json/
How Create	fullsiteediting.com/lessons/creating-theme-json/

How to Export and Import Posts and Products in WordPress

by Engr Kh Mashiur Rahman | May 21, 2022 | IT WordPress

How to Export and Import Posts and Products in WordPress

Export Content

Login to the wp dashboard of the source site
Hover on Tools
Click Export
Choose post to export
Should you choose to export posts only, keep in mind that featured images will not be carried over and must be manually imported again on the destination site.
Click on Download Export File

Import Contents

Login to the wp dashboard of the destination site
Hover on Tools
Click on Import
Click on WordPress
Click on Install Now
Run Importer and chose files
If you do not have the WordPress importer installed, you will see a prompt to install the plugin and must do so before continuing
Upload Files

WordPress User Roles and Permissions Management

by Engr Kh Mashiur Rahman | May 15, 2022 | IT WordPress

WordPress User Roles and Permissions Management

WP	WPU	WPM	WPR
hadsqrn	Najmul	msr@gmail.com	Ad
hadsqrn	masrah	agmtbd@gmail.com	Ed
hadsqrn	hadisgart1978	islamition@gmail.com	Ad
hadsqrn	Mutta	engineerhk@yahoo.com	Ah
hadsqrn	najmulislam	nazl@gmail.com	Ad
hadsqrn	musm197830	apprsoft@gmail.com	Ed
atgmt
atgmt
atgmt
atgmt
atgmt
atgmt

Extra and Divi Theme Customization Download and Free Sales Services

by Engr Kh Mashiur Rahman | Sep 20, 2021 | IT WordPress

Divi Theme Sales

আমি মোঃ খোন্দকার মশিউর রহমান । আমি গুগল ইয়াহু Analytics এর ভিত্তিতে একজন টপ ক্লাশ ডিজিটাল মার্কেটিং এক্সপার্ট এবং ওয়েব ডেভেলপার। আমরা একটি WordPress Team গঠন করেছি, যাদের কাজ হচ্ছে অনেক দামী ও উন্যত মানের Extra & Divi Theme ৩২,০০০ টাকায় ক্রয় করে বাংলাদেশি ফ্রিল্যান্সারদের মাত্র ৫০০ টাকার বিনিময়ে একটিভ করে দিয়ে থাকি। আমরা কোন প্রকার ক্যাক বা নাল জিনিস বিক্রি করি না। আমরা শুধুমাত্র অরিজিনাল থিম ও প্লাগিন অরিজিনাল সাইট থেকে ফ্রিল্যান্সারদের লাইভ গুগলমিটের মাধ্যমে লাইসেন্স কি করে দিয়ে একটিভ করে থাকি। যা আপনি সরাসরি দেখতে পারবেন। কাজেই আপনি নিশ্চিন্তে ব্যবহার করতে পারেন। বিকাশ এর মাধ্যম পেমেন্ট করতে পারবেন। তাই ভাইরাসমুক্ত থিম ও প্লাগিন পেতে আমাদের কাছে থেকে ক্রয় করতে পারেন।

Extra and Divi Theme Pack

Package List	Package List
Divi Theme Download	Extra Theme Download
Divi Theme User Name	Extra Theme User Name
Divi Theme License	Extra Theme License
Divi Carousel Module	Divi Headers Pack
Woo Commerce Layouts for Divi	Divi Menu Pack
Divi Header Pack	Divi Footers Pack

Divi Theme Customization and Optimization. Divi Theme has a Horizontal menu in WordPress leftbar

Theme Option
Theme Builder
Theme Customizer
Role Editor
Divi Library
Image & WordPress Layout
Video Tutorial

1. Theme Option

1.1. Update Menu

Username : ••••••••••••
API Key : ••••••••••••
Version Rollback : Rollback to previous version

1.2. General Menu

1.2.1. General Tab

General Sub Menu
Performance Sub Menu
Logo: http://demo.xyz.com/wp-content/uploads/2021/08/200-Pixel.png (Reset) (Upload)
Fixed Navigation Bar : Enabled/Disabled
Enable Divi Gallery : Enabled/Disabled
Color Pickers Default Palette : Select Color
Grab the first post image : Enabled/Disabled
Blog Style Mode : Enabled/Disabled
Sidebar Layout : Right Sidebar / Left Sidebar
Shop Page & Category Page Layout for WooCommerce : Right Sidebar / Left Sidebar
Google API Key
Use Google Fonts : Enabled/Disabled
Google Fonts Subsets : Enabled/Disabled
Enqueue Google Maps Script : Enabled/Disabled
Show Facebook Icon : Enabled/Disabled
Show Twitter Icon : Enabled/Disabled
Show Instagram Icon : Enabled/Disabled
Show RSS Icon : Enabled/Disabled
Facebook Profile Url : https://www.facebook.com/xyz
Twitter Profile Url : #
Instagram Profile Url : #
RSS Icon Url : #
Number of Products displayed on WooCommerce archive pages : 9
Number of Posts displayed on Category page : 6
Number of Posts displayed on Archive pages : 5
Number of Posts displayed on Search pages : 5
Number of Posts displayed on Tag pages : 5
Date format : M j, Y
Use excerpts when defined : Enabled/Disabled
Back To Top Button : Enabled/Disabled
Smooth Scrolling : Enabled/Disabled
Disable Translations : Enabled/Disabled
Enable Responsive Images : Enabled/Disabled
Custom CSS : Large Text Box
Save Change Button

1.2.2. Performance Tab

Dynamic Module Framework : Enabled/Disabled
Dynamic CSS : Enabled/Disabled
Dynamic Icons : Enabled/Disabled
Load Dynamic Stylesheet In-line : Enabled/Disabled
Critical CSS : Enabled/Disabled
Critical Threshold Height : Low/Medium/High
Dynamic JavaScript Libraries : Enabled/Disabled
Disable WordPress Emojis : Enabled/Disabled
Defer Gutenberg Block CSS : Enabled/Disabled
Improve Google Fonts Loading : Enabled/Disabled
Limit Google Fonts Support For Legacy Browsers : Enabled/Disabled
Defer jQuery And jQuery Migrate : Enabled/Disabled
Enqueue jQuery Compatibility Script : Enabled/Disabled
Defer Additional Third Party Scripts : Enabled/Disabled
Save Changes Button

1.3. Navigation Menu

1.3.1. Page Tab

Exclude pages from the navigation bar : Check/Uncheck Pages
Show dropdown menus : Enabled/Disabled
Display Home link : Enabled/Disabled
Sort Pages Links : post_title/ post_author/ post_modified/ post_name/ ID
Order Pages Links by Ascending/Descending : asc/des
Number of dropdown tiers shown : 3

1.3.2. Categories Tab

Exclude categories from the navigation bar : Check/Uncheck Categories
Show dropdown menus : Enabled/Disabled
Hide empty categories : Enabled/Disabled
Number of dropdown tiers shown : 3
Sort Categories Links by Name/ID/Slug/Count/Term Group : name/ID/Slug/Count/team_group
Order Category Links by Ascending/Descending : asc/desc

1.3.3.General Setting Tab

Disable top tier dropdown menu links : Enabled/Disabled

1.4. Builder Menu

1.4.1. Post type Integration Tab

Enable Divi Builder On Post Types : Post (Enabled/ Disabled) Pages (Enabled/ Disabled) Projects (Enabled/ Disabled)

1.4.2. Advance Tab

Static CSS File Generation : Enabled/Disabled (Clear)
Output Styles Inline : Enabled/Disabled
Product Tour : Enabled/Disabled
Enable The Latest Divi Builder Experience : Enabled/Disabled
Enable Classic Editor : Enabled/Disabled

1.5. Layout Menu

1.5.1. Single Post Layout

Choose which items to display in the post info section: Author, Date, Categories, Comments
Show comments on posts : Enabled/Disabled
Place Thumbs on Posts : Enabled/Disabled

1.5.2. Single Page Layout

Place Thumbs on Pages : Enabled/Disabled
Show comments on pages : Enabled/Disabled

1.6. Ads

Enable Single Post 468×60 banner : Enabled/Disabled
Input 468×60 advertisement banner image : Input Text Box
Input 468×60 advertisement destination url : Input Text Box
Input 468×60 adsense code : Input Text Box

1.7. SEO

1.7.1. Homepage SEO Tab

Enable custom title : Enabled/Disabled
Enable meta description : Enabled/Disabled
Enable meta keywords : Enabled/Disabled
Enable canonical URL’s : Enabled/Disabled
Homepage custom title (if enabled) : Input Text Box
Homepage meta description (if enabled) : Input Text Box
Homepage meta keywords (if enabled) : Input Text Box
If custom titles are disabled, choose autogeneration method : BlogName | Blog description
Define a character to separate BlogName and Post title : Input Text Box

1.7.2. Single Post SEO Tab

Enable custom titles : Enabled/Disabled
Enable custom description : Enabled/Disabled
Enable custom keywords : Enabled/Disabled
Enable canonical URL’s : Enabled/Disabled
Custom field Name to be used for title :seo_title
Custom field Name to be used for description : seo_description
Custom field Name to be used for keywords : seo_keywords
If custom titles are disabled, choose autogeneration method : Post title | BlogName
Define a character to separate BlogName and Post title : Input Text Box

1.7.3. Index Page SEO

Enable canonical URL’s : Enabled/Disabled
Enable meta descriptions : Enabled/Disabled
Choose title autogeneration method :Category name | BlogName
Define a character to separate BlogName and Post title : Input Text Box

1.8. Integration Menu

Enable header code : Enabled/Disabled
Enable body code : Enabled/Disabled
Enable single top code : Enabled/Disabled
Enable single bottom code : Enabled/Disabled
Add code to the < head > of your blog
Add code to the < body > (good for tracking codes such as google analytics)
Add code to the top of your posts
Add code to the bottom of your posts, before the comments
Complete the menu

2. Theme Builder

3. Theme Customizer

For custom width for Row:

.et_pb_row {
width: 80%;}
}

.et_pb_row {
width: 90%;
}

Slider Customization

Full width slider code:

.et_pb_slide {
Height:100vh;
}

4. Role Editor

5. Divi Library

5.1. Divi Slider Customization

Content Setting:

Design Setting:

Animation > Automatic Animation Speed (in ms) = 2000, As law as fast

Example of Full Width & Height Slider

Divi slider slider image size for background: 1920px x 1024px (Full Screen) or
Divi slider slider image size for background: 1280px for full width or
Divi slider slider image size for 1 column: 1080px x 608px or

7. Image & WordPress Layout

7.1. Image Layout

Open In Lightbox: Image will open in a Lightbox when clicked
Image Overlay: After enabling, an overlay color and icon will be displayed when hovers over the image.
Overlay Icon Color: Define custom color for the overlay icon
Hover Overlay Color: Define custom color for the overlay.
Hover Icon Picker: Define custom icon for the overlay.
Remove Space Below The Image: Remove Space
Image Alignment: Can float the image left, right or keep it centered.
Always Center Image On Mobile: Set it
Use Border: Enabling/Disabling this option will place a border around your module.
Border Color: Affects the color of your border
Border Width: By default, borders have a width of 1 pixel. You can increase this value
Border Style: Select Solid, dotted, dashed, double, groove, ridge, inset and outset.
Image Max Width: By default, image max width is set to 100%. This means that the image will be displayed at its natural width unless the width of the image exceeds the width of the parent column
Force Fullwidth: By default, images are displayed at their native width.
Custom Margin: Margin is the space added outside of your module, between the module and the next element above, below or to the left and right of it.

7.2. Image Ratio for Divi

Standard column/widths are

1 column: 1080 pixels
¾ column: 795 pixels
⅔ column: 700 pixels
½ column: 510 pixels
⅓ column: 320 pixels
¼ column: 225 pixels

Height depends on text size/ spacing

4:3 aspect ratio standard

1 column: 1080 x 810
¾ column: 795 x 597
⅔ column: 700 x 526
½ column: 510 x 384
⅓ column: 320 x 241
¼ column: 225 x 170

16:9 aspect ratio standard

1 column: 1080 x 608
¾ column: 795 x 447
⅔ column: 700 x 394
½ column: 510 x 287
⅓ column: 320 x 181
¼ column: 225 x 128

7.2. Table Layout

WordPress Table Structure

WordPress Table Start Tag: <!– wp:table –>
WordPress Table Start Tag: <!– /wp:table –>
WordPress Table Class Start Tag: <figure class=”wp-block-table”><tbody>
WordPress Table Class End Tag: </tbody></figure>
WordPress Table 1 Raw & 2 Cells, Start & End Tag: <tr><td></td><td></td></tr>

Extra Theme

Change Extra Theme Footer Credential

Login to your WordPress dashboard, navigate to “Extra » Theme Options” and click the “Integration” tab.Extra theme option integration tab
Look for the section called “Add code to the < head > of your blog”, and copy & paste the following jQuery code to the section.

<script>
var year = new Date();
year = year.getFullYear();
jQuery(function($){
    $('#footer-info').html('© <a href="#" target="_blank">Your Site Name</a> ' + year + '. ' + 'All rights reserved.');
});
</script>

Divi Pack and Extension

6. Video Tutorial

10 Awesome WooCommerce Product Pages
100 Divi Layout Pack
12 Full Width Slider With Ken Burns Effect
12 Hero Sections
15 Amazing Footers
15 Sublime Contact Sections
3 Divi Blog Module Designs
3 Full Width Slider With Ken Burns Effect
404 Error Page Designs Layout
404 Layouts
45+ Divi Pricing Table Layouts Bundle
5 Divi Shop Module With Ken Burns Hover Effect
5 Gallery Layout With Ken Burns Hover Effect
90 Unique Divi Hero Headers
Agency Layout
Architect Divi Layout
Architect Layout
Astra Contact forms layout
Avanti
B1.Hero1 | Hero Section
B14.Cavalera Block Pack V1.1
B15.Header-Menu7/Hero6
B16.Hero7
B17.Header8/Hero8
B18.Lifetime Full Blog Pack | Gowriter V1.4
B19.Gowriter Item 6 | Blog 6 | Post Slider
B2.Hero2 | Hero Section
B21.Hero9
B22. Lifetime Layout Pack | V1.5.3
B23. Gowriter Item 8 | Blog 7 | Post Slider
B24. Video Popup and Infinite Scrolling Text
B26. Video Popup 2 . V1.3.1
B27. Header9 | Video Popup 3
B28. Preloader 1.1
B29.Blog 8
B30.Double Section 4
B31.Content 11
B5. Header & Slider V1.7
B7.Hero4 | Header/Menu and Blend Mode Section
B8.Team 1 | Team Section
Ballet – Premium One-page Website layout
Band / Musician Single Page Layout
Barber Layout
Barbershop Divi Layout
Beauty Salon Divi Layout
Beauty Spa – Divi Layout
Beer House Homepage
Berry Ecommerce
Biz – One Page Divi Child Theme
Blog – Ultimate Divi Blog Modules UI Bundle
Blog 45 – Divi Blog Module Bundle
Blog Layouts
Blog Module Layouts – Grid, Tiles and masonry blog layouts
Blogs and Posts layouts for Divi
Blogy – Blog and Post Layouts
Blurbs and Cards 70 Bundle
Bookzi ebooks book store landing page
Bouquet Shop – Divi Theme Layout
Brain
Business – A Beautiful Business Child Theme
Business 10 Divi Layout Pack
Car Garage Layout
Carousel – Ultimate Divi Carousel Modules and FullWidth Slider UI Bundle
Carousel for Divi – Every Module
Carousel Layout Kit
Carpenter Divi Layout
Carpenter Layout
CharityHands
Charitypluz – Divi Child Theme
Christmas – Divi Landing Page Layout
Christmas Divi Theme Layout
Chrysalis: Church and Nonprofit Premier Divi Theme
Classic Post Layout
Cleaning Services Layout
Clinic Homepage
CloudX – Creative Blog News Layout
Coming Soon 10 – Coming Soon Page Bundle
Coming Soon is multi coming soon landing page layout
Coming Soon Page With Animated Gradient Background
Construction Divi Theme Layout
Construction Layout
Consultant – Divi Layout
Consulting Divi Theme
Consulting Layout
Contractor
Copywriter Layout
Corp – One Page Divi Child Theme
Creative Divi Button Module Designs
Creative Divi Button Module Layouts Kit 01
Creative Hero Section Layouts Kit 02
Cross-Domain Copy Paste Divi, Gutenberg, Posts, Pages, and Woo
Crossfit Divi Layout
Crypto / NFT Landing Page
Curex Medical Divi Child Theme
Dance Studio Divi Layout
Daycare Layout
Dealify – Sales Landing Page Layout
Delicio – Restaurant Divi layout
Dental Care – Divi Theme layout
Dental Center – Landing Page For Dentist
Dentist
Dentist Layout
Designpik Carousels
Digital Agency Child Theme
Digital Agency Layout
Digital Marketing Layout
Divi – 14 Single Post Layout
Divi 404 Error Page Layout Bundle
Divi 404 Error Page Layout Pack
Divi 404 layouts (Bundle-1)
Divi 404 layouts (Bundle-2)
Divi 404 layouts (Bundle-3)
Divi 404 Page Layout Pack
Divi About Us & Intro Section Bundle
Divi About Us Section Pack
Divi About Wireframe 1
Divi About Wireframe 2
Divi About Wireframe 3
Divi Academy Layout
Divi Accordion 50 Layouts Pack
Divi Accordion Layout Bundle
Divi Accordion Layout Bundle 2
Divi Accordion Module Pack
Divi Accordions Plus
Divi Accountant Layout
Divi Admin Dashboard Layouts
Divi Agency Layout
Divi Agency Layout 2
Divi Agency Website Layout
Divi Air Conditioner Layout
Divi App
Divi Application
Divi Architect Website Layout
Divi Architecture Layout
Divi Attorney Layout Pack | Multipurpose
Divi Attorney Single Page Layout
Divi Bakery Layout
Divi Bakery Layout 2
Divi Banking Finance Layout
Divi Barber Service Layout Pack
Divi Barber Theme
Divi Barbershop Layout
Divi Beauty Salon Layout
Divi Bike Selling layout
Divi Black Friday Layout
Divi Black Friday Sales Layout
Divi Blog Grid Layout Pack
Divi Blog Grid Module Layout Pack
Divi Blog Layout Bundle
Divi Blog Layout Bundle 2
Divi Blog Module Carousel UI Kit
Divi Blog Module Timeline Layouts
Divi Blurb and card
Divi Blurb Bundle
Divi Blurb Module Carousel Layout UI Kit
Divi Blurb Module Pack
Divi Book Landing Page
Divi Brand Analytic Layout
Divi Bridge Theme
Divi Business
Divi Business & Consulting Service Layout Pack
Divi Business Landing Page
Divi Business Layout
Divi Business Layout 2
Divi Business Layout 3
Divi Business Pro
Divi Business Theme
Divi Business Website Layout
Divi Button Layout Bundle
Divi Button Layout Bundle 2
Divi Button Layout Bundle 3
Divi Button Link Hover Designs
DIVI Button Module (Bundle-1)
DIVI Button Module (Bundle-2)
Divi Button Module Pack
Divi Call To Action (CTA) Layout Pack
Divi Call To Action (CTA) Layout Pack
Divi Call To Action Layout Pack
Divi Car Showroom Layout
Divi Car Tuning Layout
Divi Car Wash Layout 2
Divi Car Wash Layouts
Divi Carpenter Layout
Divi Cart
Divi Catering Service Layout
Divi Catering Service Layout 2
Divi Christmas Header Layout Pack with Snow Effect
Divi Church and Charity Layout Pack
Divi Church Layout
Divi Circuit eCommerce child theme
Divi Classic Agency
Divi Cleaner Layout
Divi Cleaning Layout
Divi Cleaning Services Layout Pack
Divi Cleaning Theme
Divi Coaching Layout
Divi Coffee Layout
Divi Coming Soon / Maintenance Mode Full Screen
Divi Coming Soon 01 Layout
Divi Coming Soon 02 Layout
Divi Coming Soon Layout 1
Divi Coming Soon Layout 10
Divi Coming Soon Layout 13
Divi Coming Soon Layout 14
Divi Coming Soon Layout 3
Divi Coming Soon Layout 4
Divi Coming Soon Layout 5
Divi Coming Soon Layout 8
Divi Coming Soon Layout Pack 1
Divi Coming Soon Layout Pack 3
Divi Company Layout 2
Divi Construction
Divi Construction Child Theme
Divi Construction Layout
Divi Construction Layout 2
Divi Construction Layout 3
Divi Construction Website Layout Pack
Divi Contact Form Bundle
Divi Contact Form Helper
Divi Contact Form Layout Bundle 2
Divi Contact Form Layout Bundle 3
Divi Contact Forms Section Layout 1
Divi Contact Forms Section Layout 2
Divi Contact Information Section Bundle
Divi Contact Sections
Divi Content Writer Layout Pack
Divi Copy Cat Homepage
Divi Countdown Timers
Divi Counter Layout Bundle
Divi Counter Layout Bundle 10
Divi Counter Layout Bundle 3
Divi Counter Layout Bundle 4
Divi Counter Layout Bundle 5
Divi Counter Layout Bundle 6
Divi Counter Layout Bundle 7
Divi Counter Layout Bundle 8
Divi Counter Layout Bundle 9
Divi Courses
Divi Creative Agency Layout
Divi Creative Agency Layout 2
Divi Creative Company Layout
Divi CSS Grid Gallery Layouts
Divi Cube
Divi Cursors
Divi Custom Header Layout Pack 2
Divi Custom Tab Layout Bundle
Divi Custom Tabs Layouts
Divi Custom Tabs Layouts Pack
Divi Cyber Monday Layout
Divi Day Care Layout
Divi Den Pro – Layout Library
Divi Dental
Divi Dental Landing Page Layout
Divi Dentist Layout 2
Divi Design UI Kit
Divi Designer Course Layout
Divi Designer Pack
Divi Dietitian Layout
Divi Digital Agency Layout
Divi Digital Agency Layout 5
Divi Digital Agency Layout Pack
Divi Digital Agency Theme
Divi Digital Marketing Agency Layout 2
Divi Digital Marketing Layout
Divi Digital Marketing Layout 2
Divi Digital Marketing Layout 2
Divi Digital Products Layout
Divi Driving School Theme
Divi Ebook Website Layout
Divi E-coach Layout
Divi Ecommerce
Divi Ecommerce Pro
Divi Edu
Divi eLearn for LearnDash
Divi E-Learning Layout
Divi E-learning Layout
Divi Electrical Service Layout Pack
Divi Email Optin Form Bundle
Divi Engineering
Divi Error 404 Layout Pack 1
Divi Error 404 Layout Pack 2
Divi Essential
Divi Event Layout
Divi Events Calendar
Divi Factory Layout
Divi FAQ Plugin With Structured Data
Divi Faqs Section Bundle
Divi Farming Layout
Divi Fashion Shop WooCommerce Child Theme
Divi Feature Section Bundle
Divi Featured Product Account Page
Divi Film Studio Layout
Divi Finance Website Layout
Divi Fitness and Gym Layout Pack
Divi Fitness Layout
Divi Fitness Theme
Divi Focus photography
Divi Food Delivery Layout
Divi Food Delivery Layout 2
Divi Food Delivery Layout 3
Divi Food Service Layout
Divi Food Shop WooCommerce Child Theme
Divi Foodie Layout
Divi Foodie Layout 2
Divi Footer Layout Bundle
Divi Footer Layout Bundle 1
Divi Footer Layout Bundle 2
Divi Footer Layout Bundle 3
Divi Footer Layout Bundle 4
Divi Footer Layout Bundle 5
Divi Footer Layouts Pack
Divi Footer Sections Pack
Divi Footer(300+) Layouts Bundle
Divi Footers Pack 2
Divi Form Builder With Material Design
Divi Fortune Dentist Layout
Divi Freelancer Layout
Divi Freelancer one page Layout
Divi Fried Chicken Layout
Divi Fundraiser Layout
Divi Furniture Layout
Divi Furniture Shop WooCommerce Child Theme
Divi Gallery 3 Columns
Divi Gallery Extended
Divi Gardening Layout
Divi Gear Theme
Divi Girl
Divi Golf Club Layout
Divi Golf Club Layout 2
Divi Grocery Store WooCommerce Child Theme
Divi GYM Fitness Layout
Divi Halloween Sales Layout
Divi Hamburger Layout
Divi Handmade
Divi Handyman Layout
Divi Handyman Repair Service Layout Pack
Divi Header Layout Bundle
Divi Header Layout Bundle 3
Divi Header Pack
Divi Headers & Footers Pack
Divi Headers Layout Pack
Divi Headers Layout Pack
Divi Hero Section 111+ Layouts
Divi Hero Section Layout Bundle
Divi Hero Sections
Divi Home Services
Divi Horizontal Tabs 33 Layout Pack
Divi Hospital Layout
Divi Hostel Layout
Divi Hotel Layout
Divi Hotel Layout 2
Divi Hotel Layout 3
Divi Hvac Layout Pack
Divi Image Effect Lite
Divi Image Hover
Divi Industrial Layout
Divi Industrial Service Layout Pack
Divi Info Box Sections Pack
Divi Insurance Layout
Divi Insurance Layout 2
Divi Insurance Layout 4
Divi Interior Design Service Layout Pack
Divi Interior Plant Layout
Divi Jewelry Shop WooCommerce Child Theme
Divi Kindergarten Layout
Divi Kinder-Preschool Center Layout
Divi Landing Page
Divi Landscape Layout
Divi Landscape Layout 2
Divi Landscape Layout 3
Divi Landscaping
Divi Landscaping Theme
Divi Laundry Layout
Divi Lawyer
Divi Lawyer and Law Firm Child Theme
Divi Lawyer and Law Firm Layout Pack
Divi Lawyer Layout 4
Divi Layouts Pack
Divi LMS for LearnDash
Divi Login Module Pro
Divi Logistics Layout
Divi Logistics Layout 2
Divi Logistics Layout 3
Divi MadMenu – Header and Menu Creation Tool
Divi Maintenance Mode Layouts
Divi Marketing Agency Layout
Divi Marketing Agency Layout 3
Divi Masonry Gallery
Divi Massage Layout
Divi Mechanic Layout
Divi Media Agency Layout
Divi Medical Layout Pack
Divi Mega Menu Pro
Divi Membership Site Layouts Pack 1
Divi Menu Builder
Divi Menu Module Design Layouts
Divi Menu Module Layout Pack 1
Divi Menu Module Layout Pack 2
Divi Mini Cart
Divi Modal Popup
Divi Module Layout Pack
Divi Modules Carousel Ultimate Bundle
Divi Moving and Storage Service Layout Pack
Divi Mowing
Divi Multi Step Forms Plugin For Contact Form 7
Divi Music Concert Layout Pack
Divi Newsletter Sections Pack
Divi NFT Landing Page Layout
Divi NFT Wallet Landing Page Layout
Divi Nonprofit Child Theme
Divi Number Counter Layout Kit
Divi Number Counter Set 1
Divi Number Counter Set 2
Divi Number Counter Set 3
Divi Online Course Layout
Divi Online Learning Platform Layout
Divi Online Learning Platform Layout
Divi Online Study Layout
Divi Organic Layout
Divi Organic Layout 2
Divi Painter Service Layout Pack
Divi Paragliding Layout
Divi Party Entertainer Layout
Divi Person Layout Bundle 1
Divi Person Layouts
Divi Person Module Carousel UI Kit
Divi Person Module Grid Layout Pack
Divi Person Module Pack
Divi Personal Portfolio Layout
Divi Personal Trainer Layout
Divi Pet care and Veterinary Center Layout Pack
Divi Pet Care Layout
Divi Pet Grooming Layout
Divi pharmacy E-commerce child theme
Divi Pharmacy Layout
Divi Pharmacy Shop WooCommerce Child Theme
Divi Photographer Layout
Divi Photography eCommerce
Divi Photography Landing Page Layout
Divi Photography Layout Pack
Divi Photography portfolio
Divi Playschool Layout
Divi Plumber Layout
Divi Plumbing Service Layout Pack
Divi Plus
Divi Political Layout Pack
Divi Pool Service Layout
Divi Popup Layout Pack
Divi Portfolio Carousel Module Layouts
Divi Portfolio Grid
Divi Portfolio Layout
Divi Portfolio Layout 3
Divi Portfolio Layout 5
Divi Portfolio Layout Bundle
Divi Portfolio Layout Bundle 4
Divi Portfolio Layout Bundle 5
Divi Portfolio Layout Bundle 6
Divi Portfolio Layout-2
Divi Portfolio Module Pack
Divi Portfolio Module Timeline Bundle
Divi Poultry Layout
Divi Poultry Layout 2
Divi Power Wash Cleaning Service Layout Pack
Divi Pricing Table 21 Layouts
Divi Pricing Table Bundle
Divi Pricing Table Layout Bundle
Divi Pricing Table Layout Bundle 2
Divi Pricing Table Layout Bundle 3
Divi Pricing Table Layout Bundle 4
Divi Pricing Table Module Carousel Layout
Divi Pricing Table Section Bundle
Divi Pricing Table Toggle Design
Divi Pricing Tables Layout Kit
Divi Pricing Tables Pack
Divi Product Carousel For WooCommerce
Divi Progress Bar Layout Bundle
Divi Progress Bar Layout Bundle 2
Divi Progress Bar Layout Bundle 4
Divi Progress Bar Module Layout Pack
Divi Psychology Theme
Divi Real Coach Layout
Divi Real Estate Agent Layout
Divi Real Estate Child Theme
Divi Real Estate Landing Page Layout
Divi Real Estate Layout
Divi Real Estate Layout 2
Divi Real Estate Layout 3
Divi Real Estate Layout Bundle
Divi Responsive Helper
Divi Restaurant & Cafe Layout Pack
Divi Restaurant Layout
Divi Restaurant Layout 2
Divi Restaurant Layout 4
Divi Restaurant Menu Layouts
Divi Resume Layout
Divi Resume Layout 2
Divi Roofing Layout
Divi Roofing Service Layout Pack
Divi Roofing Theme
Divi SAAS – Divi Layout
Divi SAAS Layout Pack
Divi Schema Plugin
Divi Scooter Layout
Divi Seafood Restaurant Shop WooCommerce Child Theme
Divi Section Scroll
Divi Security Guard Layout
Divi Sensei Blog Slider
Divi Sensei Dual Heading
Divi Sensei Scroll Image
Divi Sensei Timeline
Divi Service Box Layout Bundle
Divi Service Box Layout Bundle 2
Divi Service Box Layout Bundle 3
Divi Service Box Layout Bundle 4
Divi Service Box Layout Bundle 5
Divi Service Box Layout Bundle 6
Divi Service Box Layout Bundle 7
Divi Service Section Bundle
Divi Services Section Design Bundle
Divi Services Section Design Bundle
Divi Shooting Training Layout
Divi Skills Sections Pack
Divi Slider Module Pack
Divi Slider Pack
DIVI Social Follow Plus Module
Divi Social Sharing Buttons
Divi Solar Energy Layout
Divi Solar Energy Layout 2
Divi Solar Energy Layout Pack
Divi Solar Theme
Divi Spa Layout 2
Divi Spa Service Layout Pack
Divi Special Hover Tab Layouts
Divi Startup Agency Theme
Divi Supreme Pro
Divi Switch Pricing Tables Layout 1
Divi Switch Pricing Tables Layout 2
Divi Switch Pricing Tables Layout 3
Divi Switch Pricing Tables Layout 4
Divi Switch Pricing Tables Layout 5
Divi Switch Pricing Tables Layout 6
Divi Switch Pricing Tables Layout 7
Divi Switch Pricing Tables Layout 8
Divi Tab Layout Bundle
Divi Tabs Module Pack
Divi Tea Shop Layout
Divi Team Bundle
Divi Team Carousel Layout 1
Divi Team Carousel Layout 2
Divi Team Carousel Layout 3
Divi Team Carousel Layout 4
Divi Team Carousel Layout 5
Divi Team Layout Bundle
Divi Team Layout Bundle 2
Divi Team Section Design Bundle
Divi Team Timeline Layouts
Divi Technology Layout
Divi Technology Layout 2
Divi Testimonial Bundle
Divi Testimonial Layout Bundle
Divi Testimonial Module Carousel UI KIt
Divi Testimonial Section Bundle
Divi Testimonials Grid Layout Kit
Divi Testimonials Module Pack
Divi Testimonials Module Timeline Bundle
Divi Timeline Bundle
Divi Timeline Bundle 1
Divi Timeline Layout Bundle
Divi Timeline Layout Bundle 2
Divi Timeline Layout Bundle 5
Divi Timeline Layout Bundle 6
Divi Timeline Layout Bundle 7
Divi Timeline Layout Bundle 8
Divi Timeline Layout Bundle 9
Divi Timeline Layouts Pack
Divi Timeline Layouts UI Bundle
Divi Toolbox
Divi Tour Service Layout
Divi Transportation & Cargo Layout Pack
Divi Travel Agency Layout
Divi Travel Agency Layout 2
Divi Travel Layout
Divi Tree Services Theme
Divi Ultimate All-In-One Child Theme
Divi Ultimate Blog Ui Kit
Divi Vertical Tabs 25 Layout Pack
Divi Video Hero – 3 Layout Pack
Divi Vineyard Layout
Divi Website Portfolio
Divi Wedding Planner Layout
Divi Why Choose Us Section Bundle
Divi Wine Shop And Vineyard WooCommerce Child Theme
Divi Wireframe Layout pack
Divi Work Space Layout
Divi2u-Headers Pack 1
DiviBusiness
DiviCity
DiviCommerce
DiviCommerce – Divi Ecommerce Layout Kit
DiviFlash
Divijet
DiviLabs
DiviMade – 1000+ Divi Premade Layouts
DiviMenus
DiviMenus On Media
Divipot Blurb Bundle
DiviPot Contact Form Bundle
Divipot Hero Section Layout Pack
Divipot Pricing Table Layout Pack
Divipot Team Layout Pack
Divipot Ultimate Modules UI Kit
DiviSwift Ajax Search
DiviWhiz Beauty Salon
DiviWhiz Cooking School
DiviWhiz Health Blog
DiviWP Blog Post Layout Pack
DiviWP Blog Sections
DiviWP Blurb Sections Layout
DiviWP Card Sections
DiviWP CTA Sections Layout
DiviWP Feature / Content Sections Layout
DiviWP Footer Pack
DiviWP Header Sections
DiviWP Hero Sections Layout
DiviWP Homepage / Landing Layout 1
DiviWP Homepage / Landing Layout 2
DiviWP Homepage / Landing Layout 3
DiviWP Homepage / Landing Layout 4
DiviWP Homepage / Landing Layout 5
DiviWP Interactive Sections Layout
DiviWP Landing Page Layout Pack
DiviWP Listing Layout 1
DiviWP Listing Layout 2
DiviWP Listing Layout 3
DiviWP Listing Layout 4
DiviWP Newsletter Sections Layout
DiviWP Pricing Sections
DiviWP Testimonial Sections Layout
DiviWP Title Sections Layout
DiviWP Video Sections Layout
Dizon Digital Agency
Do footer is multiple footer pack layout
Dog Breeder Layout
Drift Blog Layout
Duriza
E-Coach Feminine Coaching Divi Child Theme
eCommerced – a WooCommerce Child Theme
Edufication university school education divi layout
eFinance – Divi Layout
Elder Care – Divi Theme Layout
Elegant Accordion Faq Layout Pack
Elite Blog – Divi Blog Layouts Bundle
Email Optin Section With Animated Gradient Background
EMPIRE eCommerce Child Theme
Engineering Layout
ET-Doctors Office
Eventin
Ez Cafe Coffee Divi Child Theme
Fashion Store Divi Layout
Fashion, Divi Ecommerce Theme
Filterable Blog Layout
Filterable Masonry Gallery
Filterable Team Section
Finance Layout Pack
Financial Advisor Layout
Fitness Center Divi layout
Fitness Divi Layout
Fitness Divi Layout – Landing/Home Page
Fitness Gym Divi Layout
Fitness Layout
Fixed Background Footer
Fixed Background Footer Layout Pack
Flexile
Flimsy Blog Layout
Floating Animation button Layouts
Floating DiviMenus
Florence – An Innovative Business Child Theme!
Food Blogger Layout
Food Recipe
Foody a perfect layout for food delivery
Footers for Divi
Forter
Free Guide Funnel
Freelancer Blog Layout
Full Width Grid Gallery Layout
Funeral Service – Divi Layout
Furniture – Divi Layout
Furniture Shop Divi Layout
Gallery Layout
Gardener Divi Layout
GlobalStudy – LMS Education Theme
Grape
Gravidness
Gravity Forms Styler Module For Divi
Green Energy – Divi Theme layout
Green Energy Divi Layout
Grid Gallery Layout
Grocery Homepage
Grow
Gym Divi Layout
Habit
Hair Spa Layout
Halloween Theme Party Divi Layout
Handyman Divi Layout
Handyman Services : Single Page Divi Layout
Harlow Funnel Theme Kit
Hawthorne Super Theme
Header Layout Pack
Header Layouts Bundle
Headers for Divi
Hero 3
Hero Section Layouts for Divi
Hero Sections for Divi
Hero.Look1|Hero Section
Homepage 25+ Divi Layout Pack
Hop
Hospital Layout
HVAC Layout
Ice Castle Homepage
Info Icon Boxes Bundle
Insight – Divi Theme layout
Instagram Footers
Insurance Layout
Interior Designer Divi Layout
Interior Designer Divi Layout 2
Josefin Child Theme
Journal Blogger Theme Kit
Kind – Divi Layout
Kindergarten – Divi Theme layout
Kitsu
L2.Video Popup with background masks and Typing Animation
Landing Page Wireframe 1
Landing Page Wireframe 3
Landing Pages for Divi
Landscaping Layout
Lawyer Homepage Layout
Lawyer Layout
Lawyer Layout
Legal – Divi Theme Layout
LegalLit Lawyer Layout
Levert – Divi Business Website
Life Coach
Lifetime Slider Bundle | Orion Slider V.1.4
Listing Layout
Local Business Layout
Localbiz Pro
Lockguard
Logistics Layout
Logistics Layout 2
Logistruck
Loops Blog
Loops Footers
Loops Headers
Madison Funnel Theme Kit
Mammoth
Manufacturing – Industry Divi Theme layout
Marketer Blog Layout
Masonry Gallery Layout
Mate Multipurpose Divi Child Theme
Material Contact Form
Maveros
Mechanic Layout
Medical About Us
Medical Care – Divi Theme Layout
Medical Lab – Divi Layout
Meet the Team Module – Yellow Expandable Person Modules
Meeto – Conference Divi Theme layout
Mega – Divi Landing Page Layouts Bundle
Metan Multipurpose Divi Child Theme
Milo Super Theme
Mini Divi Dark
Mint
Modern Business Layout
Modern E-commerce Divi Layout
Modern layout for Web Agency & Web Freelance
Molti
Molti Ecommerce
Mono.
Multi Step Form for Divi
Multipurpose Divi Header and Footer
NFT / Token Landing Page for Divi
NFT Love Landing Page Layout for Divi
NGO Charity Divi Child Theme
NY Designs – Premium Divi Digital Agency Layout
Online Shop Divi Header and Footer
Optin 10 – Divi Email Optin Bundle
Original Divi Timeline Module: Vertical, Horizontal Timelines and Info Lists
Orion Real Estate
OwlGym – Beautiful fitness and gym homepage template for divi
Papa Pizza Homepage
Parallax Hero Section Layouts Kit 03
Passport
Personal Trainer Divi Layout
Pet Care – Divi Theme Layout
Pet Care Layout
Phoenix Super Theme
Photographer
Photography Divi Layout
Photography Portfolio
Pilates Divi Layout
Play School – Divi Theme Layout
Polaroid Gallery Animation
Popup Video Section
Portfolio Divi Child Theme
Portfolio Landing Page Layout
Portfolio Layout
Poster Post Layout
Premio – Header and Footer Layouts Bundle
Pricing Table for Divi
Prime – Divi All in One UI Modules Bundle
Product Showcase – Divi Layout
Quaestate real Estate Property Landing Page
Rab Divi one page website layout
Rabteq Divi Layout Pack
Real Estate – Divi Layout
Real Estate for Divi
Real Estate Layout
Real Estate Layout 2
Real Estate Layout 3
Real estate Realest like real state brokers landing page
Red Candy Homepage
Renovation
Renovation Full Website Layout Pack
Restaurant Landing Page Layout
Restaurant Layout
Restoration
Resume Divi Layout
Resume Layout
Revent Finance Divi Child Theme
Roapp Application App Landing Page
Run
Sassy Blog Layout
Scist Psychology & Counseling Divi Child Theme
Seccam – Security Camera Services Divi Layout
SEO Hippo Divi Child Theme
Simple Divi Construction Theme
Single Post Layout 1
Sirius Blog Block
Slider Hero Section Layouts Kit 04
Slider Mega Pack
Sloane Funnel Theme Kit
Smart Blog Layout
Smile Center
Social Media Agency Layout
Software Layout
Spark | Content Section + 4 Variations
Special Divi Layouts For Bloggers
Sribc
Startup – Divi Agency Layout
Stellar Post Layout
Stunning Divi Parallax Website Template
swip slider multi slider divi layout
Table Maker
Team Bundle For Divi
Team Grid Divi Section Layout 1
Team Grid Divi Section Layout 2
Team Grid Divi Section Layout 3
Team Grid Divi Section Layout 4
Team Grid Divi Section Layout 5
Team Slider Member Person Bundle Layout
Technology Sections for Divi
Testimonial UI Module Pack By DTC
The Basic Wireframe UI Kit
The Complete Divi Blog Kit!
The Divi Modules Ui Kit
The Plumber Homepage
The Ultimate Divi Modules Ui Kit
Titan
Travel Agency Divi Layout
Travel Divi Layout
Travelo – Divi Theme Layout
Troo Footer Divi Layout Bundle
Ultimate Divi Modules UI Bundle
Ultimate Divi WooCommerce Modules UI Bundle
Valiant Post Layout
Vision
Volt
Webinar & Event Landing Page
Wedding Divi Layout
Woo Essential
Woo Layouts
WooCommerce Hero Section Layouts Kit 01
WooCommerce Product Layout – Deli
WooCommerce Theme – Divi Cart Pro
WP Login Customizer
Yoga Divi Layout
Yoga Layout

Topics	Link
Header Layout	elegantthemes.com/marketplace/header-layout-pack
Footer Layout	elegantthemes.com/marketplace/divipot-footers-layouts-pack
Footer and All bn	youtube.com/watch?v=L_wgZVHMPEo&t=941s
Image Carousel	help.elegantthemes.com/en/articles/4629929-how-to-display-the-product-s-gallery-images-as-a-carousel
How to add divi carousel module free	youtube.com/watch?v=L7tdJxeHiDo
Divi vs Elementor Professional	youtube.com/watch?v=9QtERH1UXlE
Footer form Layout	youtube.com/watch?v=p9fXhWIYvYs&t=283s
Contact Us Page Configuration	youtube.com/watch?v=uo2nW8SLgbw
Google Map	youtube.com/watch?v=9WNzgWyxwc0 youtube.com/watch?v=9WNzgWyxwc0&t=234s
Full Width Slider	youtube.com/watch?v=VC3o3d7jc98
Full Width Slider	elegantthemes.com/blog/divi-resources/how-to-create-a-fullscreen-slider-with-divi
Responsive Slider Text	youtube.com/watch?v=TZ-hM-JJqlg
Responsive Slider Image	youtube.com/watch?v=GBJhkAhGKjE
Responsive Slider Image	help.elegantthemes.com/en/articles/4748249-how-to-ensure-that-the-slider-s-images-are-visible-without-cropping-on-mobile-devices
Divider	youtu.be/yir1FXF5Sxk
Megazine Theme	elegantthemes.com/documentation/extra/category-builder
Extra	youtube.com/watch?v=v9AXJ15FK54
Extra Blog	elegantthemes.com/blog/divi-resources/divi-vs-extra-how-to-choose-which-is-best-for-your-website

« Older Entries

Next Entries »

How to Change Custom Fonts in WordPress -English/Arabic/Bangla/Google

How to Change Custom Fonts

Google Fonts Setting

How to Change Custom Fonts

Custom Web Fonts in Twenty Twenty Three Theme (Method 1)

FAQ

Tutorial Links

WordPress Table Filtering Shorting Converting into Classic Editor

WordPress Table Filtering Shorting Converting into Classic and Gutenberg

How to Short a Table

Theme.json Customize and Development for Guttenberg Editor

Theme.json Customize and Development for Guttenberg Editor

Theme.json Customize and Development for Guttenberg Editor

Creating the theme.json file

WordPress Code

Gutenberg Code

My Applied Theme Code

How to Export and Import Posts and Products in WordPress

How to Export and Import Posts and Products in WordPress

Export Content

Import Contents

WordPress User Roles and Permissions Management

WordPress User Roles and Permissions Management

Extra and Divi Theme Customization Download and Free Sales Services

Divi Theme Sales

Extra and Divi Theme Pack

1. Theme Option

2. Theme Builder

3. Theme Customizer

Slider Customization

4. Role Editor

5. Divi Library

5.1. Divi Slider Customization

7. Image & WordPress Layout

7.1. Image Layout

Extra Theme

Change Extra Theme Footer Credential

Divi Pack and Extension

6. Video Tutorial

Category