Forum Replies Created
-
Hi,
I am sorry, I am not sure if I understood well. Here is what I tried- I added a row on the top of the columns row and it did not work. When I work with the columns the Read More button is still not centered and the text of the columns still appears on the blog page.
Can you please explain what is happening?
thanks
Hello,
It worked, but when I use columns format for the text, the “read more” button move to the side and the text appear in the blog page. Do you know some solution?
Thanks! (I added attachments)
Hello,
I could not finish the blog because of some details that are wrong or missing. Actually I have the following CSS that you can check.
<span style=”color: #0000ff;”>.jas-blog .jas-masonry .inside-thumb {</span>
<span style=”color: #0000ff;”>left: 0;</span>
<span style=”color: #0000ff;”>right: 0;</span>
<span style=”color: #0000ff;”>bottom: 0;</span>
<span style=”color: #0000ff;”>padding: 20px 15px;</span>
<span style=”color: #0000ff;”>position: relative;</span>
<span style=”color: #0000ff;”>background: none;</span>
<span style=”color: #0000ff;”>color: #4d5959;</span>
<span style=”color: #0000ff;”>}</span>
<span style=”color: #0000ff;”>.jas-blog .jas-masonry .inside-thumb .post-title a, .jas-blog .jas-masonry .inside-thumb a:not(.cg) { color: #4d5959;}</span>
<span style=”color: #0000ff;”>.jas-blog .inside-thumb .post-meta span:not(.cat) { display: none;}</span>
<span style=”color: #0000ff;”>article.post { margin-bottom: 60px;}</span><span style=”color: #0000ff;”>.jas-blog .post .post-thumbnail {</span>
<span style=”color: #0000ff;”> margin-bottom: 0;</span>
<span style=”color: #0000ff;”> max-width: 100%;</span>
<span style=”color: #0000ff;”> height: 300px;</span>
<span style=”color: #0000ff;”> overflow: hidden;</span>
<span style=”color: #0000ff;”> display: inline-block;</span>
<span style=”color: #0000ff;”>}</span>
<span style=”color: #0000ff;”>.jas-blog .post-thumbnail img {</span>
<span style=”color: #0000ff;”> width: auto;</span>
<span style=”color: #0000ff;”> min-height: 300px;</span>
<span style=”color: #0000ff;”> max-width: inherit;</span>
<span style=”color: #0000ff;”>}</span><span style=”color: #0000ff;”>.jas-blog .post-action {</span>
<span style=”color: #0000ff;”>border: none;</span>
<span style=”color: #0000ff;”>padding: 8px 20px;</span>
<span style=”color: #0000ff;”>text-align: center;</span>
<span style=”color: #0000ff;”>display: block;</span>
<span style=”color: #0000ff;”>}</span><span style=”color: #0000ff;”>.jas-blog .read-more.pr {</span>
<span style=”color: #0000ff;”>text-align: center;</span>
<span style=”color: #0000ff;”>display: inline-block;</span>
<span style=”color: #0000ff;”>padding: 5px 10px;</span>
<span style=”color: #0000ff;”>border: 1px solid;</span>
<span style=”color: #0000ff;”>}</span>The problems are (look attachments)
1- The first picture shows the situation before we added the entire CSS (only half). The idea was to delete only the two red circles (first sentences of text and comments) and have the pictures in the same size (which was solved).
What did not work was: The first sentence is still there and the comments too. I do not want the solution of adding a ”read more” in the text to make the sentences disappear.
2- In the second and third pic I noted that the “READ more” button is in the middle which is fine, but I still have the comments in the blog page. I do not want this button. Also I have the beginning of text and When I add the read more in the post is not fixed, I would like to have no text there and only the title.
3- When I upload the picture, the tittle disapears. I want the tittle underneath the picture together with a read more button and NO comments and NO beginning of text. Thanks
Hello,
Your CSS code resolved only half of my issues in the blog.
I need to:
- Make all pictures in the blog same size like the one with house
- Eliminate Comment Number and Icon in the blog page, but not in the post
- Eliminate the first sentences of the blog text underneath the picture in the blog page
Thanks!
