Please i need help with this issue

Yeye1984

Regular Member
Joined
Jul 19, 2020
Messages
228
Reaction score
38
Hello, please help me to fix this problem in Blogger. When I use mobile settings (custom). In my mobile shows that the table is out of the limit of the post. Please see attached picture
Thank you
 

Attachments

  • Screenshot_2020-08-26-14-39-05.jpg
    Screenshot_2020-08-26-14-39-05.jpg
    599 KB · Views: 86
It's a really confusing question.

Can you be clear about what you're asking mate?
 
I also am not sure exactly what the issue is. You don't like the gray color on the right? Or you don't like that the text is not aligned correctly and has spilled over on the left?
 
Thank you mates! the problem is that the table with the squares are displaying outside the post using the mobile view *template:custom*
how can I make the table to fix into the white area (post) or how the white could be width enough to fix the table?
 
Thank you mates! the problem is that the table with the squares are displaying outside the post using the mobile view *template:custom*
how can I make the table to fix into the white area (post) or how the white could be width enough to fix the table?
Send me the website URL via PM and I'll have a look at it. It is a CSS problem.
 
HTML tables are notorious for this. You could use ul li structure for this, or have a css rule set for your container.. such as..

Code:
.container table{
max-width: 100%;
}
.container table td {
  word-break: break-all;
}

This should solve the issue. Anyway, it seems @Veil123 is looking into the issue. If not solved, let me know in PM. Will solve it for free. :)
 
HTML tables are notorious for this. You could use ul li structure for this, or have a css rule set for your container.. such as..

Code:
.container table{
max-width: 100%;
}
.container table td {
  word-break: break-all;
}

This should solve the issue. Anyway, it seems @Veil123 is looking into the issue. If not solved, let me know in PM. Will solve it for free. :)
please how to add this to the code. I am very newbie, I don't know much
 
please how to add this to the code. I am very newbie, I don't know much
In your blogger dashboard, go to Themes -> Click on the 3 dots on your theme, and click Edit HTML. It might look something like this:
1598533449739.png


Now, in the html editor, look for the <head> tag. Insert the rules inside <style></style> tag, within the <head> tag. It might look like this:
1598533574686.png


When done, save the theme and that should be it.

You have to change the .container to the actual class of your post container. This involves inspecting the html with dev tool. More on that here:

Code:
https://developers.google.com/web/tools/chrome-devtools/
 
In your blogger dashboard, go to Themes -> Click on the 3 dots on your theme, and click Edit HTML. It might look something like this:
View attachment 144227

Now, in the html editor, look for the <head> tag. Insert the rules inside <style></style> tag, within the <head> tag. It might look like this:
View attachment 144228

When done, save the theme and that should be it.

You have to change the .container to the actual class of your post container. This involves inspecting the html with dev tool. More on that here:

Code:
https://developers.google.com/web/tools/chrome-devtools/
The images and the audio elements were in separate table rows and data cells. Fixed by adding the images and audio elements in the same row and by adding display: grid; globally.
 
In your blogger dashboard, go to Themes -> Click on the 3 dots on your theme, and click Edit HTML. It might look something like this:
View attachment 144227

Now, in the html editor, look for the <head> tag. Insert the rules inside <style></style> tag, within the <head> tag. It might look like this:
View attachment 144228

When done, save the theme and that should be it.

You have to change the .container to the actual class of your post container. This involves inspecting the html with dev tool. More on that here:

Code:
https://developers.google.com/web/tools/chrome-devtools/
thank you for the help mate, I will take note for the future. Veil123 did help me with the problem early this morning ☺
 
thank you for the help mate, I will take note for the future. Veil123 did help me with the problem early this morning ☺
Yepp he is kind of a legend when it comes to tech help. Cheers, and enjoy!
 
The images and the audio elements were in separate table rows and data cells. Fixed by adding the images and audio elements in the same row and by adding display: grid; globally.
Thank you very much! You are great! ☺ FIXED with many THANKS
 
Back
Top