Hello!
I am trying to figure out how to change the space between images in a big grid (ex. big grid 4) and finding a way to use two or more colors for the titles in the same big grid, let’s say big grid 6, I want for the big picture a red color title and for the other pics of the grid the default one. Please help me on this because I’ve put so much time on it without being able to figure it out!
May you be well and happy!
Indro,
Hello indro,
If you want to make these changes, please notice that you should use a bit of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS area.
.td_block_big_grid_6 .td_module_mx5 .td-module-title a{
color:red!important;
}
.td_block_big_grid_6 .td-big-grid-post-0.td-big-thumb{
padding-right:1px!important;
}
.td_block_big_grid_6 .td_module_mx13{
padding-right: 1px!important;
}
.td_block_big_grid_6 .td_module_mx5{
margin-bottom:1px!important;
}
The result is here -> https://www.screencast.com/t/cJ5X4QPJOtW
Thanks for the message!
Hello Catalin,
Thank you for your help,you helped me with spacing, maybe I wasn’t clear enough with my help request so I do need a little bit more of fine tuning:
I do not want the color of the two big images to be the same as it’s shown in your screencast –> https://www.screencast.com/t/cJ5X4QPJOtW
Why am I insisting on this?
Because it is supposed that there will go the two big news, the most important ones and the problem here is to visually differentiate them, for example: the pic on the left may contain a big red colored title, and the right one may contain a let’s say brown with a little text shadow on it.
I really need to achieve this, otherwise I have to create a picture placeholder on the top of the homepage and upload images after a good photoshop editing, and again in this case will be the problem on how to show this pics on full width or in a way like Bild.de does.
I really hope you’ll help me on this!
Indro,
Hello indro,
Unfortunately, all of your requests involves some custom work and if you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!
Thanks for the message!
Hello,
Sorry to read that from you, I do not need custom work, just asking how Newspaper7 accomplishes what I am asking for, If you, like me, were unable to find the solution that’s OK. I am not going to hire any freelancer, but I am going to leave a review about you on envatomarket and suggest to all of my network to do so.
Wish you the best!
Hello indro,
Please provide your website URL so I can inspect it closer and also, so I will be able to provide a more accurate response. Also, you should provide me some useful screenshots where you have to explain exactly you want to achieve so I can understand it better.
Thanks for your understanding!
Thank you Catalin,
My site url is konica.al and its not public so you can use username: konica password: koni@12 to see it.
I know I sound weird with my requests, but I am constraint to satisfy my client’s “gusto”, and he wants to use big grids all over the homepage but wants to visually differentiante the titles:
1. In the big grid 4 on the top page wants different title colors, font, font-size etc, in other words custom css, and my problem here is that I cannot identify the default css classes of the newspaper theme blocks and their hierarchy and modules to be able to custom code them by myself.
Here: https://drive.google.com/open?id=0B0kbj5CETpoNWERLOFZ2ODJEdnM I want to be able to css-differentiate dhe titles of the same big grid left and right on desktop or bottom up in mobile (big grid 4).
2. Wants the same for the Slide -> https://drive.google.com/open?id=0B0kbj5CETpoNLWtXZGFIaG5aVGs
3. If in the homepage the same big grid is placed more than one time, than I should be able to differentiate them by adding a custom class to each one, but again being able to customise each one per se like described in 1.
screenshot here: https://drive.google.com/open?id=0B0kbj5CETpoNaTlzWi12anZab1U
Hello indro,
1,2)If you want to make these changes you should use the code below and place it in Theme panel->Cusotm CSS area.
.td_block_big_grid_4 .td-big-grid-post-1 .td-module-title a{
color:brown!important;
font-size:25px!important;
font-family:Arial!important;
}
.td_block_slide .td-module-title a{
color:green!important;
font-size:35px!important;
font-family:Arial!important
}
The result is here -> https://www.screencast.com/t/xxjGHCXM4rJ
3)If you want to target only the first thumb of these modules, you should use the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-big-grid-post-0 .td-module-title a{
color:brown!important;
font-size:25px!important;
font-family:Arial!important;
}
The result is here -> https://www.screencast.com/t/FeKYlZ22
Also, notice that the font family should have to be loaded in your theme from Theme panel if you want to display it on your side.
If is not what you mean, please provide more details so I will be able to provide a more accurate response.
Thanks for your understanding!
Thank you,
You solved all what I asked for. Thank you again Catalin for your support and patience!
Indro,
Hello indro,
Thank you for your appreciations!
