Custom CSS For Dooplay Theme - Thoughtiverse Custom CSS For Dooplay Theme - Thoughtiverse
Left Any Questions? Contact Us

Custom CSS For Dooplay Theme

Custom CSS For Dooplay Theme

Ever heard of Dooplay? It's like the superhero of WordPress themes, perfect for bloggers, niche sites, and especially folks crazy about movies. Don't worry if you're a newbie! it's designed with you in mind. But even the pros can't resist its charms! Why? Well, it comes with all these cool modules, custom menus, and widgets that basically unlock a world of possibilities. 
Related Posts

Now, here's the really cool part. If you're a movie fanatic, you're in for a treat. Imagine this: tons of content, just a click away, all right there on your page. No need to jump around different sites. And guess what? Creating content becomes a piece of cake with Dooplay. It's got these amazing tools that grab data and text from reliable sources, so you don't have to sweat the small stuff. Lights, camera, content!

Dooplay has a bunch of features to customize your website. It is really easy to customize dooplay theme. However, you still need to use custom css to design your website like a pro. We suggest you to learn css to make changes according to your imagination. Today we will share few custom css for dooplay theme  that you can modify or directly use into your dooplay theme. 

Add This CSS For Links Table
CSS For Links Table
.links_table table tbody tr td a {

    border: none;
    padding: 10px 20px;
    border-radius: 100px;
    font-size: 15px;
    background: #FF0000;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 40px;
}
Add This CSS For Poster & Image Border
CSS For Poster & Image Border
.poster {
border-radius : 5px;
}

img{border-radius:1rem !important;}
Add This CSS For Poster Border Colour
CSS For Poster Border Colour
.poster{
  border: 3px solid #1E90FF;
}
Add This CSS To Show Rating In Poster
CSS To Show Rating In Poster
.module .content .items .item .poster .rating {
    background: rgb(255 255 255 / 20%);
    color: #Fff;
    text-shadow: 1px 0 #000;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 3px 8px;
    line-height: 18px;
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 0px;
    overflow: hidden;
    transition: .2s;
}

.module .content .items .item .poster .rating:before {
    color: gold;
    content: "\f005";
    font-family: "Font Awesome 5 Pro";
    font-weight: 600;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    margin-right: 6px;
}



header.main {
    background-color: #000000;
    /*customizable*/
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0;
}
Add This CSS To Remove Letter Filter From Header
CSS To Remove Letter Filter
.letter_home{display:none}
These are few css code to customize dooplay theme. However, we will add more css on this post. So don't forget to bookmark our website ;) 

Post a Comment

Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.