Font, Colors, Feature Content, Menu Bar Color for mobiles,

Hello,

We've recently acquired the BlackBird Responsive theme and we are customizing it to launch our company's web page. In order to do so, there are some aspects we were not sure about how would the best way to do them might be:

1. Change fonts (style, colour, etc) of all the texts: address text, headers, main p...
2. We wanted to use reds and greys for our page, using the grey option for the menu and red (a different red than given in the styling options) for the other elements in the page such as the slider buttons, the feature content circles, etc, that change when you change the colour.
3. Is there any way to copy the featured content circles to another page? It would be just the three circles with their images. Should I just copy the output html, or is there a neater way to do it?
4. What's the best way to make our page multi-language?
5. When adding Client Testimonials, next and previous buttons are placed over the footer. How can I put them in the proper place?
6. When accessing the page through mobile, the menu colour becomes white instead of the same colour as the background. I've tried with different colours, and this issue always appears.

To see a preview of our page go to: http://teamandcloud.com.previewdns.com/

Thanks in advance.

Regards,
Vaishali

 

Hello,

1. Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

h1, h2, h3, h4, h5, h6{
font-family:YOUR FONT TYPE;
color:red;
font-size:20px;
}
p{
font-family:YOUR FONT TYPE;
color:red;
font-size:20px;
}
a{
font-family:YOUR FONT TYPE;
color:red;
font-size:20px;
}

2.Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#menu li a:hover {
color: red;
}
.feature-content-inner .circle {
background: green;
}

3. Unfortunately there isn't a way to do that with our theme unless you custom code something up. Sorry.

4. If you want to translate the theme in one language then follow the link given below
http://www.inkthemes.com/how-to-cre...-of-wordpress-theme-in-multiple-languages/02/

If you want to translate the theme in multiple language then you can achieve this through
1.qTranslate plugin,
See the link for reference
http://www.inkthemes.com/how-to-translate-your-wordpress-website-using-qtranslate-plugin/01/

Or

2. Google Language Translator plugin,
See the link for reference
http://www.inkthemes.com/make-multi-language-website-by-using-google-language-translator-plugin/08/

5. Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.footer-wrapper {
margin-top: 20px;
}

6. Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

@media only screen and (max-width: 480px){
.mobile_nav {
background: red;
}
}

Thanks & Regards
Nitesh Raghuwanshi

 

Hi Nitesh!

Thanks for the quick reply

About the second point, the solution you've given me isn't exactly what I was looking for... The circles are solved already but I also need the tiny circles in the slider, the separator after the slider, the read more buttons and the small circles in the client testimony.

Quick question, if I have more doubts, shall I use this same discussion or shall I start a new one?

Regards,
Vaishali Mirchandani

 

Hello,

1.For your first, third and fourth issue

Go to css > color > images present in your theme directory and replace your image with present images or edit it.

The name of slider pagination image is "spgray.png"
the name of testimonial pagination image is "tpgray.png"
and name of Readmore image is "readmoregray.png"

Note:- Use same name for your edited image and remove the current image.
2.
Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.slider-wrapper {
border-bottom: 1px solid red;
}