Аутор: Иван Благојевић

Радим као L2 техничар у одржавању сервера. Највише времена проводим на Линукс оперативним системима са cPanel/WHM панелима.

Помажем људима да реше проблеме и да одаберу прави хостинг за свој сајт. Овде је моја радна биографија.

Пишем овде у слободно време.

Други текстови са блога:

CloudLinux courses at CloudLinux University

I recently received an email notification about CloudLinux courses prepared by CloudLinux University. The mail is more informational in nature, where the user's opinion is still...

XFCE4 Panel question marks problem

If you see question marks in the XFCE4 Panel and you don't need to use the option to change the keyboard and layout, you can easily solve this problem. This problem is caused by...

Featured image to the left in the Divi blog module – 2022

The blog section in the Divi theme does not have an option to place the featured image to the left in the Divi blog module. However, it can be adjusted manually and quite easily.

The goal is to make the display in the Divi blog module look like this, for the featured image to be on the left, while the title and text are on the right::

The Divi theme currently has two options and it looks like this, to display a grid with blog posts:

featured image to the left of the text in the Divi blog module

Or to display the full width of the text like this:

featured image to the left in the Divi blog module

You can choose one of the offered options in the blog module settings:

featured image to the left in the Divi blog module

This is not bad, but what if you need to set featured image to the left in the Divi blog module?

It is possible and here is how to set featured image to the left in the Divi blog module:

Setting the featured image to the left in the Divi blog module

In order for the featured image to be displayed to the left of the text in the Divi blog module, you need to add new CS code.

This is not difficult and even a beginner can do it, I promise.

Copy this code:

@media only screen and (min-width: 1080px) {
    .dt-blog .et_pb_post.has-post-thumbnail .entry-featured-image-url {
        float: left;
        width: 50%;
        margin-right: 4%;
    }
    .dt-blog .et_pb_post.has-post-thumbnail:not(.format-gallery) > .post-content {
        padding-left: 34%;
    }
}

Now go to your WordPress site – Divi – Theme Options:

featured image to the left of the text in the Divi blog module

Scrool down and find Custom CSS field:

Paste the code into that field.

featured image to the left of the text in the Divi blog module

Click od the Save Changes button:

Now go to the page where you want to set the Divi blog module to display the featured image to the left of the text.

Start editing the page with the Divi builder option. Go to the Blog settings, click on the Advanced tab, click on CSS ID and Class.

In the CSS Class fieal white only: dt-blog

featured image to the left in the Divi blog module

At the same time, the layout of the Divi blog module will change its appearance and the featured image will be aligned to the right of the text.

Аутор: Иван Благојевић

Радим као L2 техничка подршка у одржавању хостинга (дељени и наменски хостинг сервери). Добар део времена проводим на Линукс оперативним системима са cPanel/WHM панелима.

Пишем овде у слободно време.

Други текстови са блога:

How to check my laptop WiFi frequency on Linux 2023

How to check my laptop WiFi frequency on Linux 2023

Here are some useful Linux commands you need if you want to determine what frequencies your computer supports and check if you can use 5G WiFi. This command will show you all the channels supported by your network card and on which frequency they work. Let's first...

How to use 5G WiFi if your laptop only supports 2.4 GHz frequency

How to use 5G WiFi if your laptop only supports 2.4 GHz frequency

There is an easy way to enable 5G Wifi on your laptop without buying a new card on your old laptop. The problem with 5G internet is that old network cards don't support it. That is, there are network cards that only support a frequency of up to 2.4 GHz, and to work...

Best Linux Video Editor for Beginners and all users 2023

Best Linux Video Editor for Beginners and all users 2023

For beginners as well as for advanced ones, I recommend Shotcut Linux video editor for all work with video material. Here is my experience and some helpful details. Shotcut is a free, open source, cross-platform video editor for Windows, Mac and Linux. Major features...

CloudLinux courses at CloudLinux University

CloudLinux courses at CloudLinux University

I recently received an email notification about CloudLinux courses prepared by CloudLinux University. The mail is more informational in nature, where the user's opinion is still being researched. CloudLinux courses will definitely take off, but CloudLinux probably...

XFCE4 Panel question marks problem

XFCE4 Panel question marks problem

If you see question marks in the XFCE4 Panel and you don't need to use the option to change the keyboard and layout, you can easily solve this problem. This problem is caused by a package called fbxkb: Right-click these question marks in the XFCE4 panel and select the...

How to install restricted codecs on MXLinux – MX Codecs installer

How to install restricted codecs on MXLinux – MX Codecs installer

MX Codecs installer is a tool for installing restricted deb files on MX Linux. This tool enables the installation of necessary codecs for watching special video formats that are protected or require special codecs. MX Codecs is already automatically installed with MX...