Hi @jmbarroso84
First, congratulate you on the excellent plugin. Undoubtedly, the best for the role it plays!
I’m really happy you like Posts in Sidebar! 🙂
However, when I tried to implement it in my home page Where I work with elementor plugin, the indication of the plugin is #pis_posts_in_sidebar-REPLACE_TO_ID.
Do you mean that something changes the selector from #pis_posts_in_sidebar-2 to #pis_posts_in_sidebar-REPLACE_TO_ID? If yes, this could be Elementor plugin or something else. Have you tried without Elementor plugin?
However, the plugin does not recognize that class, and consequently I can not modify the style.
This doesn’t depend on Posts in Sidebar, but it’s a CSS matter. I’ve not tested this, but surely Elementor plugin changes the selectors, so that the CSS styles you create can’t be applied correctly.
I’ll make a test with this plugin, in order to have a better idea of the problem, and I’ll report back to you.
Hello @aldolat!
Thanks for your quick response.
I think I did not explain myself well. I have used Post in sidebar without any problems in certain places of my web.
However, when I try to use it inside elementor, the problem appears.
When I use Post in sidebar in different places of my web (where it works correctly), I can apply custom styles with #pis_posts_in_sidebar-2 (or the ID number of the widget that is, as well indicate in the plugin). But when I try to use Post in sidebar within a section of Elementor, the ID does not appear, but it appears #pis_posts_in_sidebar-REPLACE_TO_ID. This makes impossible to apply the custom style.
Attached is an image that I think will help my lousy English.
Hugs and thank you very much.
This should happen because Posts in Sidebar hasn’t access to what Elementor does. If Elementor changes the ID (or something else) my plugin cannot read them.
Have you tried to read the selector using the browser Inspector?
I just tried Elementor plugin in my sandbox. I made a Posts in Sidebar’s instance on a page using the Elementor builder. In this place the ID cannot be created, because we are not in the sidebar, but in a different environment. For this reason you read “#pis_posts_in_sidebar-REPLACE_TO_ID”. Posts in Sidebar has been developed having in mind the WordPress standard tools (widgets and shortcodes).
Anyway, you can give a style to every single element created by Elementor, using a class like this:
.elementor-element-743nx7n.elementor-widget-wp-widget-pis_posts_in_sidebar
The string 743nx7n seems to be a unique string assigned by Elementor to every block. Using the browser Inspector you can easily find each string and use it for your CSS styles.
Let me know, please.
Dear @aldolat,
I’ve been testing Elementor’s strings, but I have not been able to change the style. I put here what I have done and an image of the browser inspector to see if we can solve it together.
This is the browser inspector.
https://ibb.co/f2qqck
The custom style I am trying is the following:
.elementor-element-lrjuo2h.elementor-widget-wp-widget-pis_posts_in_sidebar .pis-title-link {font-weight: 600; font-size: 5.1em !important;}
and
#elementor-element-lrjuo2h.elementor-widget-wp-widget-pis_posts_in_sidebar .pis-title-link {font-weight: 600; font-size: 5.1em !important;}
None of the two are working.
A hug and thank you very much for the support!
-
This reply was modified 8 years, 11 months ago by
jmbarroso84.
May I have the URL of your site, if it’s live?
Sure. It’s iberoamericasocial.com. The post in sidebar is hidden, but i think that you can see it in the inspector browser.
Thank you so much @aldolat
-
This reply was modified 8 years, 11 months ago by jmbarroso84.
I used this and it worked fine:
.elementor a.pis-title-link {
font-weight: 600; font-size: 5.1em !important;
}
These lines will target the title of every instance of Posts in Sidebar. To target only this specific widget, the ID of the section of Elementor is currently lrjuo2h, so the CSS will be:
.elementor-element-lrjuo2h a.pis-title-link {
font-weight: 600; font-size: 5.1em !important;
}
Let me know, please.
Hello @aldolat,
thanks again. However, it still does not work. Have you tried it inside Elementor and worked correctly?
A hug and thanks again.
Dear @aldolat,
finally it´s working!! I needed to put the style inside my style.css file. It was not working because I was putting the style into the custom style that appears inside the plugin post in sidebar, as I was doing in the other places of my web. Finally, it seems that when setting Elementor the ID of the widget, I had to put it inside the general css file.
Thank you very much for the help and for the wonderful plugin!
Great! I’m happy you solved the problem! 🙂
Thank you very much for the help and for the wonderful plugin!
You’re very welcome!
