Hi all
I would like to include the same block 25 style in the erotic theme in the fashion style theme but I can not understand how it was inserted ….
I installed the erotic theme demo, I found the class name “td-erotic-title-hidden-desk” but can not find the css used to create that style.
see screen shot: http://www.energiemagazine.com/screen-erotic.jpg
Thanks for any help.
Hi,
That is a row split in three columns, with a block 25 limited to 1 post in each of the columns
– https://www.screencast.com/t/eBQRw18rBe9
– https://www.screencast.com/t/QWIJq4CeYOAr
The custom styling for block 25 (module mx17) can be seen in the erotic demo stylesheet
– https://www.screencast.com/t/77wRKcypVH
Thanks
Hi Simion
I inserted the blocks 25 and copied the style but the result is different from the erotic theme, what is missing ?
here the final result: http://www.energiemagazine.com
.td-erotic .td_module_mx17:hover .td-module-meta-info {
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.13);
}
.td-erotic .td_module_mx17 .td-module-image {
margin-bottom: 0;
/* responsive portrait tablet */
}
@media (min-width: 768px) and (max-width: 1018px) {
.td-erotic .td_module_mx17 .td-module-image {
height: 350px;
}
}
.td-erotic .td_module_mx17 .td-module-image .td-post-category {
position: absolute;
left: 0;
right: 0;
bottom: 15px;
margin: 0 20px;
text-align: center;
font-size: 12px;
font-weight: 700;
background-color: #fff;
color: #000;
padding: 15px 8px 10px;
}
.td-erotic .td_module_mx17 .td-module-meta-info {
text-align: center;
padding: 10px 20px 25px 20px;
margin: 0 20px;
background-color: #fff;
bottom: 15px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.2s ease;
/* responsive portrait tablet */
}
@media (min-width: 768px) and (max-width: 1018px) {
.td-erotic .td_module_mx17 .td-module-meta-info {
padding: 0 10px 25px 10px;
}
}
.td-erotic .td_module_mx17 .entry-title {
margin-bottom: 55px;
font-size: 20px;
line-height: 28px;
font-weight: 700;
/* responsive portrait tablet */
}
@media (min-width: 768px) and (max-width: 1018px) {
.td-erotic .td_module_mx17 .entry-title {
margin-bottom: 40px;
font-size: 16px;
line-height: 24px;
font-weight: 700;
}
}
.td-erotic .td_module_mx17 .td-module-comments {
display: none;
}
.td-erotic .td_module_mx17 .td-post-author-name,
.td-erotic .td_module_mx17 .td-post-date {
font-size: 11px;
}
thanks for your help
Hi,
The styling by default will apply only when the demo is installed. When a demo is installed a particular class is added to the body of the website, in this case td-erotic. Since you did not install the demo, that class is not present.
The solution is to either add it to the body in the theme panel, after copying the code you mention
– https://www.screencast.com/t/t1kTGJ4Hbdo
Or modify the code and remove the class from each location
– https://www.screencast.com/t/w5iGFu5Un
Thanks
Hi Simion
Work great. Thank you very much !
Hi Simion sorry but
I can not understand why the tags category are not displayed as in the erotic theme demo…
can you give me an advice ?
thanks
Hi,
The category tag can be enabled or disabled for each module. Check if the category tag is enabled for this module (module mx17)
– https://www.screencast.com/t/qNFJCK3hy
Thanks
Thank you Simion LOL
