1. claudevips
  2. Indigo
  3. Saturday, 04 January 2020
My blog items, blog category, and blog menu are in conflict between text and images. How to solve?

I even thought it was some change I made in custom.css .. but even if I disable custom.css the problem remains.

My domain is:
https://santowifi.com.br/blog
https://santowifi.com.br/blog/dicas-do-santo-wi-fi
https://santowifi.com.br/blog/wi-fi-marketing/saiba-porque-voce-precisa-usar-o-santo-wi-fi-na-sua-company
Attachments (3)
Accepted Answer
Accepted Answer Pending Moderation
Hi there, Add this css code inside the custom.css file.


.article-details {
margin-top: 0px;
}
.article-list .article .article-body {
position: relative;
bottom: -55px;
width: 100%;
}
.view-article #sp-main-body {
padding: 0;
margin-top: 0px;
}


-Thanks
  1. more than a month ago
  2. Indigo
  3. # Permalink
Responses (8)
Accepted Answer Pending Moderation
Hi there,

Thanks for contacting us. Please add this css code inside the custom.css file.


.article-list .article .article-body {
position: relative;
bottom: -55px;
width: 100%;
}


-Thanks
  1. more than a month ago
  2. Indigo
  3. # 1
Accepted Answer Pending Moderation
I put the code as per your guidance and it worked. However, on the articles page, the column on the right continues to conflict with the cover image.

I went to the code below and realized that if I added a padding it would solve the problem. View the code:
.col-lg-4 {
     -ms-flex: 0 0 33.333333%;
     flex: 0 0 33.333333%;
     max-width: 33.333333%;
     padding-top: 100px;
}
This line is from the bootstrap.mini.css file

The question is: would this be the correct way to do this, since the column was not supposed to be in conflict with the cover image?

See the attached image that shows the problem.

See also the link to a blog item: https://santowifi.com.br/blog/wi-fi-marketing/saiba-porque-voce-precisa-usar-o-santo-wi-fi-na-sua- company

2020-01-04-problema-na-pagina-do-blog-template-indigo.jpg
Attachments (1)
  1. more than a month ago
  2. Indigo
  3. # 2
Accepted Answer Pending Moderation
  1. more than a month ago
  2. Indigo
  3. # 3
Accepted Answer Pending Moderation
Hi claudevips,

Add this css code inside the custom.css file.


.view-article #sp-main-body {
padding: 0;
margin-top: 0px;
}


-Thanks
  1. more than a month ago
  2. Indigo
  3. # 4
Accepted Answer Pending Moderation
This code creates another problem: The entire content of the website (starting from the title of the article) also goes down and is out of harmony.

See how the article looks: https://santowifi.com.br/blog/gestao-da-rede-wi-fi/impacto-do-marco-civil-da-internet-para-estabelecimentos-que-oferencem-wi-fi-para-seus-clientes
  1. more than a month ago
  2. Indigo
  3. # 5
Accepted Answer Pending Moderation
follows the image am attached ..
Attachments (1)
  1. more than a month ago
  2. Indigo
  3. # 6
Accepted Answer Pending Moderation
everything working. Thanks.
  1. more than a month ago
  2. Indigo
  3. # 7


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.