breadcrumbs

Hi,

With respect to the breadcrumbs, please can you tell me how to:

1. Change the font style, size, and color
2. Change the background color and height

Thanks,
Rex

 

Hi Rex,

To change the font style, font size and font color with respect to Breadcrumbs just paste the code given below in Custom CSS section:
(Customizing -> Theme Settings -> Custom Settings ) of your dashboard.

Code:

.homepage_nav_title a, .homepage_nav_title span, div#crumbs {
    color: black;
    font-size: 15px;
    font-style: italic;
}

To change the background color and height with respect to Breadcrumbs just paste the code given below in Custom CSS section:
(Customizing -> Theme Settings -> Custom Settings ) of your dashboard.

Code:

.homepage_nav_title {
    background-color: #ef68a0;
    height: 60px;
}

Note: Please change the font color/size/style, background color/height as per your need.

Hope this helps...!

Thanks & Regards,
Shruti Jain
InkThemes.com

 

Thanks, Shruti. All worked well.

I've played around a little with padding, but I'm unable to vertically align the breadcrumb text in the middle of the blue background. Please can you provide code? Best would be code to center align. See screenshot for clarification.

Thanks,
Rex

 

Hi Rex,

It sounds good that it worked well for you!

Here is the next code which you want:

To center align the text with respect to breadcrumbs just paste the code given below in Custom CSS section:
(Customizing -> Theme Settings -> Custom Settings ) of your dashboard.

Code:

.homepage_nav_title{
    text-align: center;
}

Hope this helps...!

Thanks & Regards,
Shruti Jain
InkThemes.com

 

hmmmm, not working.

 

Hi Rex,

Try using this code :

Code:

.homepage_nav_title{
    text-align: center !important;
}

If you still face any problem then send us your website WordPress login details at [email protected] along with the thread link.

Your Website URL:
WordPress Username:
Password :

We will do it for you.

Looking forward to your reply.

Thanks & Regards,
Shruti Jain
InkThemes.com

 

Hi Shruti,

Unfortunately that code isn't working. I've tried several other things I found also.

I am sending you the info via email.

Thanks in advance.

Best,
Rex

 

Of course, Shruti, thanks!

 

Hi Rex,

You will be happy to know that we have aligned the text vertically in the center with respect to the breadcrumbs.

We applied the following code:

Code:

div#crumbs {
    margin-top: -3px;
}

Have a look at it and acknowledge us for the same.

Thanks & Regards,
Shruti Jain
InkThemes.com