Astra theme customization 2023 unique look great relief

Astra theme customization 2023 unique design: Hello friends, how are you, I am Mohiuddin, and today I will share with you how I customize The Astra theme, I will show you how to customize your Astra theme in a very simple way. Through this post, I will show you how to make a You can present a beautiful block online.

You can give a unique look so that your visitors will look at your website with great relief, and they will be completely amazed by your website design because they can’t imagine that it will be so beautiful. You do as I say. With just one click, you can customize your website through the codes given by me, and through the JSON file, you can customize your website in two ways.

How to do Astra theme customization and rules for customization

I am telling you how to do Astra pro theme customization and the rules of customization, you do as I say.

  • 1st you install Astra theme on your website then activate it.
  • Second you install the Astra Addon plugin on your website and activate it.
  • 3rd Click on Astra option here in your WordPress dashboard.
  • 4th Available Astra pro modules: Activate all.
  • 5th Now you can go to customization by clicking on customization button you can start your customization.
  • 6th Then you can see an Additional CSS option in the customization dashboard, click on it and paste the codes I have given there.

Your unique new design will make you happy, and your visitors will be happy to see your website. This is one of the best customizations of 2023 for Astra theme.

Astra theme customization code

This is the additional css you can customize by coding. Another is that you can download and upload the json file which you will find below.

Demo 1

Astra theme customization dimo
Astra theme customization dimo

Demo 2

Astra theme customization dimo2
Astra theme customization dimo2
//code By mohiuddin discoverbro.com//
element.style {
}


.post-thumb-img-content img {
    border-radius: 35px;
    box-shadow: rgb(50 83 99 / 60%) 0 20px 35px !important;
}


address, blockquote, body, dd, dl, dt, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, html, iframe, legend, li, ol, p, pre, textarea, ul {
    border: 0;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}


.read-more a {
    background-image: linear-gradient(to right, #e60073 0, #ff9933 60%, #e60073 100%) !important;
}

.entry-content h2,h3,h4,h5,h6{
font-weight:600;
padding: 10px 10px 10px 25px;
background-image: linear-gradient(to right, #e60073 0%, #ff9933 50%, #e60073 100%);
border-radius:10px;
color:white!important;
box-shadow: rgba(23,43,99,.3) 0 7px 28px;
}
.entry-content h2{
font-size:25px!important;
}
.entry-content h3{
font-size:21px!important;
}
.entry-content h4{
font-size:17px!important;
}
.entry-content h5{
font-size:15px!important;
}
.entry-content h6{
font-size:13px!important;
}

.comment-respond .comment-reply-title{
padding: 10px 10px 10px 25px;
background-image: linear-gradient(to right, #006600F 0%, #cc3300 50%, #006600 100%);
border-radius:10px;
font-weight:600;
color:white!important;
font-size:22px!important;
box-shadow: rgba(23,43,99,.3) 0 7px 28px;
}

Astra theme customization With Json File

I am showing you here how to customize Astra theme with json file.

1st you need to go to your WordPress dashboard Then you will go to Astra theme option, there you will see an option next to the name Export Import.

go there and import the one you download from us, it will become important for you to have a new and unique design website. I am giving you in the video. You can see how to do yours.

Click To Download Astra theme Premium customization Json File

Pasword: Discoverbro.com

Last Word

Dear friends, hopefully I can fulfill your expectations somewhat, so that you are satisfied. I have seen this WordPress Astra theme customization, and I am glad that I can give this thing to you. I don’t want anything from you in return, just share this post. That’s all I want, see you in the coming days with more new things, stay well, stay healthy, thank you.

Shaer With Love

Leave a Comment

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

Powered By
Best Wordpress Adblock Detecting Plugin | CHP Adblock