Make Social Icons Bigger

Hi,

I wish to make the s, social links bigger. I found a recent post, so i followed it.
I uploaded a Facebook png, which size is 64x64, however the facebook social icon is not loading well.
This icon is working with a wordpress plugin, but wont work with the road fighter theme.

Also could you tell me, that how can i plce the social icons on the header in the right hand side please?

my website link is: www.savememoney.ie
Thanks very much for your advice

 

Hello,

Greetings from InkThemes!

To make social links bigger, you just all have to paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.widget-acx-social-icons-widget-4-widget img {
    width: 51px;
}

Note: Change numeric value as per your interest.

As per your second requirement, i.e. how can I place the social icons on the header on the right-hand side please?

So this would be possible from source code customization in the theme..

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

Thanks, than i will stay with my social plugin.

I love your themes, however i am disappointed, since you giving lots of css code for clients, but not implement these in the theme as a standard function.

Your theme, wasn`t cheap, therefore it would be great and disarable to implement these functions, so a dummy client (like me) who do not have coding skills, would be easily turn on and off these functions. This would my time and specially your time as well.

Anyway. On the forum, i found a post how to make the sliders smaller.

.flexslider .slides img {
height: 350px;
}


My First Question
Could you tell me the css code, how to make the 3 Features area bigger (height and width) please?


My Second Question, could you tell me, how can I switch off the "Premium Wordpress Themes with a single Click Install........ Read more" box on the right hand corner in my website please?



This is my last question I hope, i nearly made all I want.

Thanks for your advise in advance!
Best Regards
Zoltan

 

Hello Zoltan,

Regarding your first issue, i.e. Could you tell me the CSS code, how to make the 3 Features area bigger (height and width)?

So for this, Please paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.feature-content .feature-content-inner {
    width: 367px;
    height: 367px !important;
}

Change the numeric value as per your requirement..

For your last issue,

Sorry to say, we didn't get you..

So would you please explain your requirement a bit more so that we can assist you accordingly?


Looking forward to your reply.

Thanks & Regards!
Priyanka
InkThemes.com

 

Dear Priyanka,

thank you for the code, this code make the frames larger. however i wish to make the
Feature Column Images larger only.

Could you give me a css code for that please?

Thank you

 

My Second question is, how can i remove the read more box from my side. this box shade the header image, see the attached picture below.

My Third question is, that where can I modify the portfolio text, and where can i assign my own link for the Green portfolio button? (see screenshot below)

its now linked to my website main page.


Thanks very much for your answer

 

Hello,

To make image larger, code is given below for that..

Code:

.feature-content .feature-content-inner img {
    width: 313px;
    height: 172px;
}

To remove read more box, the code is given below..

Code:

.flex-caption a.slider-readmore {
    display: none !important;
}

To edit the portfolio text,

Please follow the screenshot given below.



Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

Dear Priyanka,

thanks for your advices. We getting closer and closer

When i sad, i wish to remove the read more box from the header, I mean, i wish to full box. including the text and the frame. I wish make the header image fully visible, and that box on a right hand side, not fit for my aims.

The "read more" is gone now, which is great. could you give me a code for remove the rest?

Also could you give me a code, how can I increase the Features boxes height?

I was made the changes, which make the 3 Features images larger, however the box didn`t increased as I expected.

Thank you very much for your advises!

Best Regards
Zoltan Nemeth

 

Hello Zoltan,

To remove complete box with the text,

Please paste the code given below in Custom CSS field of your dashboard.

Code:

.flex-caption {
    display: none;
}

As per your second requirement. i.e. How can I increase the Features boxes height?

For this, the code is given below..

Code:

.feature-content .feature-content-inner .feature-content-text {
    height: 300px;
}

Change the numeric value as per the requirement..

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

Dear Priyanka,


thanks for all your recent feedbacks and code.

These codes help me a lot!

I have one small issue left, and if you can help me to fix it out, than we will be done.

I implement the following code for the "feature images"
.feature-content .feature-content-inner img {
width: 300px;
height: 300px;

}

I also extended the features box in order to correctly accommodate the 3 pictures and the text below.

My issue is the following:
When i extend the pictures height for 300px, its slip under the text box.
If you can check my website, you can see, my issue.

The aim to fit the pictures in a 300x300px box correctly and fit the text below.

Could you view my website and help me to solve this problem please?

Thank you!

Best Regards
Zoltan

 

Hello Zoltan,

Try below code and check the result..

Code:

.feature-content .feature-content-inner .image-box {
    width: 300px;
    height: 300px;
}

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

Dear Priyanka,

This code perfectly. Thank you!

Last thing, could you provide me a code for resize the header image in a similar format?

Thanks very much for all of your help!

Best Regards
Zoltan

 

Hello Zoltan,

Try below code...

Code:

.header_wrapper .logo img {
    max-width: 100%;
    max-height: 100%;
}

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

Dear Priyanka,

Thanks for your help,but this code dosent do anything with the header image

Do you have an another css code, which may works?

Thank you

 

Hello,

Please try below code and remove the above code from Custom CSS field and check after that..

Code:

.header_wrapper .logo img {
    width: 67%;
    max-width: 100%;
    height: auto;
}

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

Dear Priyanka,

I think, you miss understood me or I may wasn`t enough specific.

The Code, you gave me is reset the logo on the header, however I wish to resize the Slider images.
The logo is perfectly fine, nice and readable, however, the images in the sliders box, sometimes too large and messy.
That`s why i wish to make a fix frame for theme.

Thanks for your help

Best regards
Zoltan

 

Hello Zoltan,

Sorry for the misunderstanding...

Paste below code in Custom CSS field of your dashboard..

Code:

.flexslider .slides img {
    height: 793px;
    width: 1497px;
    margin-left: 59px;
}

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

Dear Priyanka,


The margin and the width is work perfectly, however the height is still not change.
I am just wondering, that is there any background code, which set the header height for a fixed size,therefore is ignore the css code you given to me?


Also I would like ask 2 more thing from you.

I set the "Call Us" to centered, however the css code is just ignored in each sub page. why is that? How can is position the "Call Us" link to center on the sub pages as well?

The second question, is the grey header on each subpages. Why it dosen`t display the header images and / or a pre defined slider, which appears on the main page?

Can I define /set a fix image for the sub pages header?

Thanks very much for your time to read this and for your help


Best Regards
Zoltan Nemeth

 

Hello Zoltan,

For the height of image, please try below code for once and if still will not notice any changes kindly clear your cache and check after that..

Code:

.flexslider .slides img {
    height: 445px !important;
}

For your rest questions.

To centered "Call Us" button, use below code

Code:

.header_wrapper .call-us {
    margin-left: -86px;
    float: none;
}

For the last one, i.e. Can I define /set a fix image for the sub pages header?

So yes, you can and for that, you just all have to use below code and mention your desired image URL in the code.

Code:

.header_container.not_home{
background: url('http://www.gettyimages.fr/gi-resources/images/Homepage/Featured/FR/FR_39_2Pack_158259920.jpg');
}

Hope it will resolve your issues..

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

Dear Priyanka,

The height for the main images is still not working. I paste here my CSS codes, which implemented in the theme:
.header.home .call-us {
margin-right: 154px;
}

/* Public Customer Feedbacks */
.feature_blog_content {
display: none;
}
.bottom_footer_container .copyrightinfo p {
margin-right: 280px;
}

.ddsmoothmenu {
margin-right: 5px;
text-align: center;
}


@media only screen and (max-width: 1040px) and (min-width: 960px){
.flexslider .slides img {
height: auto ! important ;
}
}
@media only screen and (max-width: 960px) and (min-width: 767px){
.flexslider .slides img {
height: auto ! important ;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
.flexslider .slides img {
height: auto ! important ;
}
}
@media only screen and (max-width: 480px){
.flexslider .slides img {
height: auto ! important ;
}
}
.feature-content .feature-content-inner {
width: 300px;



}
.feature-content .feature-content-inner img {
width: 300px;
height: 300px;

}
.feature-content .feature-content-inner .feature-content-text {
height: 200px;
}
.flex-caption a.slider-readmore {
display: none !important;
}
.flex-caption {
display: none;
}
.feature-content .feature-content-inner .image-box {
width: 300px;
height: 260px;
}
.flexslider .slides img {
height: 1445px !important;
width: 1000px;
margin-left: 5px;
}
.header_wrapper .call-us {
margin-left: -86px;
float: none;
}

.header_container.not_home{
background: url('http://www.gettyimages.fr/gi-resources/images/Homepage/Featured/FR/FR_39_2Pack_158259920.jpg');

}

I may declared the height on the code, just i not see it... Please take a look if you have a chance

Relation my Second and third Question (call-us button, and not home header images)

You are amazing!!!
Works perfectly, and I love it


Thanks a lot!!!!

Best Regards
Zoltan Nemeth