https://gyazo.com/59faf08354ef22459d78ec24a2d1250f – Really can’t find what’s the element’s name of mobile header on the homepage to start edit those white entry titles.
Mobile plugin is activated.
I believe you are referring to the mobile top grid displayed on the mobile homepage. If you could mention what exactly you want to modify about it it would be helpful. The mobile theme does not have many customization settings, so it may require custom CSS code.
Yes. About mobile top grid. I would like to add some custom css to entry titles, article titles only on that grid.
Use a code like this to customize the article titles in the mobile grid
– https://www.screencast.com/t/EjRTLdi7
.td_block_big_grid_mob_1 .td_module_mob_2 .entry-title {
}
Enter the CSS code you want, it will affect only the grid. This code can be entered in Theme panel->Mobile theme->Custom CSS section.
Used the code but nothing is happening.
You have to enter the code you want between the accolades and it will apply to the mobile grid. The code as it is does nothing. You mentioned you want to customize the article titles of the mobile grid, that code will do that. Enter your customization as mentioned between the accolades and then in the custom CSS section.
This is a guide presenting the browser inspector tool
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
If you would mention what modifications you want to make to the titles, I will try to help you.
Of course i did custom code between the accolades. Still, nothing happened.
Indeed for the color change it will need a small modification, like this
– https://www.screencast.com/t/QCOagsCy
.td_block_big_grid_mob_1 .td_module_mob_2 .entry-title a {
}
That will work and you can change the color of the post titles. Sorry for my error. Please try again with that code.
So something like this – https://www.screencast.com/t/iEiexIzV1xdp
.td_block_big_grid_mob_1 .td_module_mob_2 {
border-bottom: 1px solid #111;
box-shadow: 0px 1px 0px #777;
}
Yes, that’s working. Only one thing if you can see it because it’s so small to notice. When you put the code, you can notice actually 3 borders, first is for border-bottom, second is box-shadow and 3rd the brightest is probably of margin or padding between those pictures. Can you write me a code to remove that spacing and to have only border-bottom and box shadow? Thanks a lot for effort.
Hello,
I cannot see any such issue son my end. Please provide a link to your site so I can inspect it.
Thank you!
