Hello @user2015,
Could you please share a live URL from your issue or share screenshots?
You can upload your files to one of the following online services:
Sending a live URL or screenshots of your issues would be helpful for faster support.
Best Regards
Hi, Shahin
As you can see in the screenshot, the widget title style set in Customizer is not applied to “Links de interés” (this widget has been modified) as it is applied to “Menú” and “Contacto”.
Can it be related to WordPress´ new widgets editor?
Thanks
Hello @user2015,
Yes, it could be, but if you share a live URL, then I can check it specially. Perhaps you don’t see the results because you are using the CDN or server cache, so you need to ensure that all cache has been purged after changing the style.
I should know which block you are using. Maybe some general styling influenced on this section.
On my end, in the latest version of the theme and plugins, I didn’t see any issues: https://postimg.cc/gallery/GG9bHDF.
Also, you can use the inspect elements. You can use “Inspect Element” tools on the browser. Please follow the steps explained in this link: https://www.greengeeks.com/tutorials/article/use-the-inspect-element-tool-in-chrome/.
CSS Tutorial: https://www.w3schools.com/css/
CSS Units: https://www.w3schools.com/cssref/css_units.asp
Responsive Sizes: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
Put your CSS on custom screen size:
@media only screen and (max-width: 480px) {
/* put you CSS here*/
}
Or use between sizes:
@media (max-width: 960px) and (min-width: 481px){
/* put you CSS here */
}
Best Regards
HI Shahin!
Thanks for your answer.
The site is not online yet.
I´m using “Enlaces personalizados” (Custom links) block for Links de interés.
I´ve used “Inspect Element” and in this screenshot you can see the CSS corresponding to each widget.
Thanks for your help.
Hello @user2015,
Please put the CSS below in Customizing > Custom CSS/JS > CSS Code:
#wrap .footer-box h2.widgettitle {
font-size: 14px !important;
color: #096484 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
}
Best Regards
Hi Shahin,
Thanks for your reply but it doesnt work´. 🙁
I´ve figured it out.
I´ve created a new block and my custom style has been applied.
Thanks for your time and help 😉
Hi @user2015,
You’re welcome; I’m glad it is solved.
And thank you for the update.
Best Regards