CSS for justification of text and Direct Linking in Portfolio widget

Ask the Community Customization
1
  • Issue description: - I am using the Portfolio widget and need to adjust the individual project text (which aligns to the middle) so that it is left justified. I need this for all of my Portfolio projects.

I also have the “Enable Direct Linking to Projects” ticked ON but I don’t know how to find and copy each Project’s direct link.

I would appreciate anyone’s help with these 2 issues. I did check in the Portfolio thread and the CSS thread but was unable to find an answer.
Thanks for your time!

1 Like
3

Hi there, @Holley_Jacobs and welcome to the Community :waving_hand:

Do I get it right that you’d like to align all text in the popup to the right?

image
image999×474 54.3 KB

The issue with the Enable Direct Linking option occurs because of the Wix iframes. To fix it, you should reinstall the widget avoiding iframes -Installing Elfsight widget on Wix avoiding iFrame - Elfsight Help Center

If you face difficulties with the reinstallation, please request our assistance in your dashboard. Our Support Team will gladly help you with it :wink:

4

Hi Max!!! Thanks for getting back to me. Yes, I would like the text in the pop-up to align to the left - as if you are reading a book.

Thank you for the information about the direct link. Once I reinstall the widget, can you tell me where I would see those direct links?

I appreciate your time and thanks again!!

1 Like
5

Got it!

Here is the CSS code to align all text except for the Project Details:

.global-styles,
.eapp-portfolio-project-detailed-component {
 text-align:left!important;
}

Please add this code to the Custom CSS field on the Style tab of your widget’s settings.

I’ve also asked our devs to provide a code to align the project details. I’ll get back to you on Monday :slightly_smiling_face:

As for the links, when choosing a specific project, a special parameter will be added to your website’s URL, and you’ll be able to copy it from the URL field in your browser.

6

Hi Max,
Thank you so much for the css - that worked perfectly for the project description. But, the title is no longer centered. It doesn’t matter too much, I suppose but if someone has an easy fix like you just provided me, I would like the Title of the Project to be centered.

Have a great weekend!!

1 Like
7

Got it! I’ve replaced the previous code with the new one:

.global-styles,
.eapp-portfolio-project-detailed-description {
 text-align:left!important;
}

image
image1833×876 157 KB


Just to clear things up, would you like the project details to be left aligned or you’d prefer it to be centered?