Home › Forums › ART WordPress Theme › Truncated text in the sidebar of all project galleries
- This topic has 3 replies, 2 voices, and was last updated 5 years, 6 months ago by
SeaTheme.
-
AuthorPosts
-
November 13, 2020 at 9:05 am #23013
Hello SeaTheme,
All the texts which are longer than 2 paragraphs are truncated (not fully visible) in the sidebar of the gallery for any of my projects. It is the same whether I use (“gallery on right” or “gallery on left”). The end of the text is not visible and the viewer needs to wait the end of the gallery at the bottom to see the end of the text appear…
Not very user friendly… For instance here : https://www.ericleleu.com/projet/chez-francoise/Maybe two options ?
A/ Ideally the side bar could be scrolled down, independantly of the gallery beside.
B/ more easy to implement (but less good option), we could move the title up in the sidebar to give more space for the text (that still should not be too long). The title is quite low (160 px down ?) in the sidebar, check capture here : https://www.dropbox.com/s/ivltir5ccn83khe/screen-eric%202020-11-13%20%C3%A0%2009.52.44.JPG?dl=0
Thanks in advance
Eric
November 14, 2020 at 1:52 am #23022HI,
It is possible by custom CSS(“Appearance > Customize: Additional CSS”), like:
option A:
@media (min-width: 992px) { constructed stylesheet .sticky_column { position: static; } }option B:
@media (min-width: 768px) { .single-portfolio-2c-body .title-wrap, .single-portfolio-2c-body .title-wrap-tit { margin-top: 0; } } @media (min-width: 992px) { .sticky_column { top: 0px; } }Regards!
SeaTheme – SeaTheme.net – Twitter – Facebook
November 20, 2020 at 1:11 pm #23054Hello,
The option B works fine, margin top of the side set to 0. It works for shorter texts.
The option A does not seem to work though : I can not see any change. The side bar can not be scrolled down : if the text is too long, the end of it can not be read, it is truncated. I see in the code that sticky column is “static” : shouldn’t it be the contrary ? Here is the project I have problem with, for example : https://www.ericleleu.com/projet/chez-francoise/
Right now in the additional CSS the code is :
@media (min-width: 992px) {
constructed stylesheet
.sticky_column {
position: static;
}
}Thanks !
November 21, 2020 at 2:03 am #23059Hi,
Please update the CSS as:@media (min-width: 992px) { .sticky_column { position: static; } }Regards
-
AuthorPosts
- You must be logged in to reply to this topic.
