[techfinderr]

Hi,

Site: techfinderr.com

Can adjust the margin closer between the text and button? My headline text is shorter and its align left.

What I mean is, adjust the title and subtitle to center? At least it’s closer with button. And able to change the color of the promotion headline bar?

Thanks ahead of time for any replies.

[Mahesh]

@techfinderr: Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:

@media screen and (min-width: 481px) {
    #homepage-message .left-section {
        text-align: center;
        width: 80%;
    }
}

By changing color, do you mean to change the background color of Promotion Headline Bar? If yes, add the following CSS:

#homepage-message {
    background-color: #00cc99;
    border-bottom: 1px solid #00cc99;
    border-top: 1px solid #00cc99;
}

Note: You have an error in you Custom CSS. You are missing a closing curly brace at the end. Put an ending curly brace and then only add the above CSS or it won’t work properly.

Regards,
Mahesh

[techfinderr]

@Mahesh,

It’s work! And thanks again.

One more question, is there possible to change the button color?
Button border and text color may remain the same (white color).

Regards

[Mahesh]

@techfinderr: For that use the following CSS:

#homepage-message .right-section a, 
#homepage-message .right-section a:hover { 
    background-color: #00CC99; 
}

Regards,
Mahesh

[techfinderr]

@Mahesh,

@media screen and (min-width: 481px) {
#homepage-message .left-section {
text-align: center;
width: 80%;
}
}

The CSS code above hasn’t resolve.

I’d copied the code you provided into the Custom CSS. It’s just move the title to the center only, but it’s all still align left and seems there’s looks a lot empty space in the middle between the title,subtitle and button.

Is that possible to make the title/subtitle and button to center in promotion headline bar? So that it will not see the space between Title/Subtitle and Button.

Thanks ahead of time for your replies.

Regards

[Mahesh]

techfinderr: Please replace the code I’ve given:

@media screen and (min-width: 481px) {
    #homepage-message .left-section {
        text-align: center;
        width: 80%;
    }
}

with the following:

#homepage-message .left-section {
    float: none;
    margin-bottom: 15px;
    text-align: center;
    width: 100%;
}

#homepage-message .right-section {
    float: none;
    width: 178px;
    margin: 0 auto
}

Hope this helps.

Regards,
Mahesh

[techfinderr]

@Mahesh,

Please check the site: techfinderr.com

Can Adjust the button same row with the Title/Subtitle like before instead of at the bottom of subtitle?

Also, can adjust the Title’s margin same with Subtitle’s margin? I mean is, the body text (Title & Subtitle) is in the same margin at the beginning.

Sorry that i made you misunderstand.

Thank you.

[Mahesh]

@techfinderr: For that add the following CSS, hope this works:

@media screen and (min-width: 981px) {
    #homepage-message .left-section {
        margin-left: 15%;
    }
    #homepage-message .right-section {
        margin-right: 15%;
    }
}

Note: Please remove the previous CSS first.

Regards,
Mahesh

[techfinderr]

@Mahesh,

Finally it’s Work! TQVM and appreciate it

[Author]

Posts