Good afternoon, the theme is great, but I found a couple of mistakes I’d like to fix.
1) I tried to justify text automatically but I could not. I put this code in custom css and does nothing:
.td-post-text-content p{
text-align: justify;
}
2) I used Smart List but if I put vertical images, although justifying centered, stay on the left. The only option is going to fix it and delete the following text in the Text Editor: “ size-large wp-image-174009 aligncenter”
Any solution?
3) How I can invert the colors of the nav arrows so that instead of being white, are red for example? White is hard to see that there nav arrows, so I would like to invert the colors to make them look better.
Hi,
1. I’ve checked the css on my side and it works fine – http://screencast.com/t/VVbjmbNSFVV
Try to add !important at the end and see if it works on your side:
.td-post-text-content p{
text-align: justify !important;
}2. The smart lists have a fixed image width which is set from css, this css overrides the settings made in the backend. Use custom css to modify the default one – http://screencast.com/t/OAWoAyQMDqy2
.td_smart_list_3 .td-slide-smart-list-figure {
width: auto;
}3. Do you refer to the smart lists navigation arrows? use custom css to change their color: – http://screencast.com/t/gFkzVrYg
.td-icon-right, .td-icon-left {
color: red;
}If you refer to something else use the browser inspector to find the classes used on those items and create a similar css to change their color.
Thank you!
Hello again, thanks for your reply, but I get no run…
I put the code in the custom CSS: https://dl.dropboxusercontent.com/u/21598606/Captura%20de%20pantalla%202015-07-28%2015.33.20.png
But I do not get results for questions 1 and 2: https://dl.dropboxusercontent.com/u/21598606/Captura%20de%20pantalla%202015-07-28%2015.33.30.png
I could more or less solve question 3.
Thanks
I have also noticed that WordPress galleries are not centered and not occupy the entire width. Can I solve it?
Example: http://www.lacasadeel.net/2015/07/los-minions-se-visten-de-marvel-en-estos-posteres-de-ant-man.html
Hi,
1. Please provide a link to a post containing a smart list and one on which the justify parameter doesn’t apply. I’ll check them and i’ll get back with a solution.
2. For galleries try the following css: – http://screencast.com/t/chbE4mKG
.tiled-gallery .gallery-row {
margin: 0 auto;
}
Thank you!
I’ve arranged galleries, thank you very much.
As for the text and list alignment, I spent a link. The first text and the first two images are not justify and the CSS code to be automatically justified is set.
http://www.lacasadeel.net/2015/07/12-carteles-de-cine-de-superheroes-ambientados-en-los-anos-50.html
Thanks
Hi,
I’ve checked the justify css and it works – http://screencast.com/t/rQB9Y7xY3no
.td-post-content p {
text-align: justify;
}To center the images use the following css: – http://screencast.com/t/NgfbpNroY
.td_smart_list_1 .td-sml-description p img {
margin: 0 auto;
}The image width is smaller that the container – http://screencast.com/t/2QRzRwtn6 – if you want images to occupy the entire width you have to add wider images.
If the css doesn’t work on your side please check the entire css added in the custom css area for errors, a missing element may break the css execution.
Thank you!
Thanks, I solved it with the new codes đ
Hello again Emil, but the problem with the images alignment in the Smart List start again (I have not deleted the code). Example:
http://www.lacasadeel.net/2015/08/las-princesas-disney-en-version-realista.html/
Hi,
Please try this custom css in Theme Panel > Custom Css to center the smart list images – http://screencast.com/t/rkbTJaPYWZv
.td_smart_list_1 .td-slide-smart-list-figure img {
margin: 0 auto;
display: block;
}
Thanks!
Fixed!
Thanks, Jon
I am having some trouble with the smart list 1 template. I am using vertical images and when they display the full width of the page you can only see a portion of the image. I want to set a max height for all images used in my smart list so that I can get both vertical and horizontal images to render well. What code should I be using for this?
Hello,
Please do not revive a post from 2015.
It is best practice to create a new topic with the issue you are facing.
Please create a new topic and provide more details to the issue you are facing including a link to your site so we can inspect it.
Thanks.
