Send me the website URL via PM and I'll have a look at it. It is a CSS problem.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.
.container table{
max-width: 100%;
}
.container table td {
word-break: break-all;
}
please how to add this to the code. I am very newbie, I don't know muchHTML 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.![]()
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:please how to add this to the code. I am very newbie, I don't know much
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 ☺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/
Yepp he is kind of a legend when it comes to tech help. Cheers, and enjoy!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 very much! You are great! ☺ FIXED with many THANKSThe 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 youYepp he is kind of a legend when it comes to tech help. Cheers, and enjoy!