Text-align widget title

code is read line by line, so if wherever you are putting your new code doesn’t get read until after the original code, it won’t work. try using ‘!important‘ declaration to ensure that your code gets read.

try this:

.widget-title {
    text-align: left !important;
}

.widget-title:after {
    margin: 0 !important;
}

I’ve tried this code but still with text-align the original.

How are you adding the CSS I provided?

Appearance–> Editor

so you are adding it directly into your ‘style.css‘ file? Are you placing the new code at the bottom of your file?

The content of both is the same:

/*
Theme Name:Pinnacle
Theme URI:https://kadencethemes.com/product/pinnacle-free-theme/
Description:Pinnacle is a bold theme with versatile options and multiple styles. This theme is loaded with features and tools that allow full creativity to be released into a unique site. Built with a modern flat design, its fully responsive layout make for easy navigation on mobile/tablet displays. Pinnacle is perfect for any kind of business, online store, portfolio, or personal site. It is fully compatible with woocommerce and gives you a unique layout for an ecommerce site. Pinnacle was built and designed by <a href="https://kadencethemes.com/">Kadence Themes</a>.
Version:1.3.6
Author:Kadence Themes
Author URI:https://www.kadencethemes.com/
Tags:responsive-layout, two-columns, one-column, custom-colors, custom-header, custom-menu, featured-images, translation-ready, theme-options, photoblogging
Text Domain:pinnacle

License: GPL
License URI: https://www.gnu.org/copyleft/gpl.html
*/

Following these lines I added the code you provided me.

Pinnacle doesn’t actually load style.css, so any code you place there won’t be read (and you shouldn’t be editing the theme’s files directly, as you’ll lose those changes if the theme is ever updated in the future, to fix bugs or security issues or to add new features).

Instead, you should either use your theme’s built-in custom CSS option (Dashboard > Appearance > Customize > Custom CSS) or a custom CSS plugin.

Just as I am introducing changes is from Appearance -> Editor, but it is not being effective, that’s my problem.

There are two options on the desktop to access css.style within Theme Options -> Custom CSS, through this, the changes are effective.

Thanks to all.