Hi Team,
I happened to came across one website in our Newspaper forum. Please have a look at it.
Is this built using Newspaper theme only.
If yes, then I need to understand how to give these effects (round corners post feature image, shadows, hovering effect etc).
Any help in this regard will be really great.
Thanks
Ankur
Hi Ankur,
Thanks for recognising us!
I am the owner and founder of “The Last DNA”.
Here is your answer:
1. Yes, It is built only on Newspaper theme.
2. I use tag div cloud template.
3. For hover effect: select “element like Post loop or grid or module”—> Layout—-> Hover Effect—-> Shadow
4. For round corner and shadow, you had to change your website’s code. (or contact support for detailed help).
5. Here is my code for my site:-
.sf-menu img {
width: 100%;
}
.tdb-author-box .tdb-author-photo img {
width: 100%;
}
.td-video-play-ico>img {
width: 20%;
}
.post blockquote p{
text-align: left;
}
.td-header-wrap .td-header-menu-wrap-full, .td-header-menu-wrap.td-affix {
background: linear-gradient(to right, #e0e3e44f 0, #daefee 14%, #a7eaef 30%, #84eef3d6 50%, #14beff 100%);
}
@media (max-width: 767px){
body .td-header-wrap .td-header-main-menu {
background: linear-gradient(to right, #00d8ff 0, #e6edec 24%, #e6edec 76%, #24e5bb 100%);
}
}
.td-module-container {
border-radius: 10px 10px 10px 10px ;
}
.td-module-thumb, .td-image-wrap, .entry-thumb {
border-radius: 10px;
}
.td-element-style {
border-radius: 10px 10px 10px 10px ;
}
.td-post-content figure img {
border-radius: 10px;
box-shadow: 6px 4px 15px rgba(0,0,0,0.35)
}
.td-trending-now-title {
border-radius: 50px
}
.tdc-row.td-stretch-content {
padding-left: 30px;
padding-right: 30px;
}
.td-header-wrap #td-header-search {
border-radius: 10px 0 0 10px
}
.td-header-wrap .td-drop-down-search .btn {
border-radius: 0 10px 10px 0
}
.td-header-wrap .td-drop-down-search.td-drop-down-search-open {
border-radius: 10px;
}
.sf-menu>.td-normal-menu>.sub-menu {
border-radius: 10px
}
.td-mega-menu .sub-menu {
border-radius: 10px
}
@media (max-width: 767px) {
.td-scroll-up {
display: block;
}}
.td-scroll-up {
background-color: rgba(0, 0, 0, 0.35);
border-radius: 8px;
width: 45px;
height: 45px;
bottom: 10px;
right: 10px;
}
.td-scroll-up:hover {
background-color: #000;
}
.td-scroll-up .td-icon-menu-up{
width: 45px;
top: 8px;
}
.wp-block-image .alignleft{
max-width: 60%;
}
.wp-block-image .alignright{
max-width: 60%;
}
.wp-block-pullquote{
border-radius:10px;
}
.wp-block-quote{
color: #005f7f;
background-color: rgba(198, 239, 243, 0.16);
border-left: 10px solid #dbebf5d1!important;
padding:10px!important;
}
Hello Rakesh,
Thanks a lot for replying and sharing your code with me. Your site is indeed very different and eye catchy.
I will check your pointers and code. Thanks a lot, I hope you wont mind if I get in touch with your directly to understand more if required.
Regards
Ankur
Hello Rakesh,
How can you hide the plugin url name and theme url name? Are you using some plugins that can hide/re-write the url locations?
Thanks
Hello Ankur,
You can contact me on my site or on social networks.
Hello Rezaan,
I am not using any hiding plugin.
Theme URL name can be seen but I don’t know why plugin name is not seeing.
