Code Request / Questions

Hi! I really love this theme. I've found it pretty easy to work with but I am having a couple of problems that I was hoping you could help with.

1. Can I make the phone number button on the top right bigger and different color?

2. I adjusted the height of the slider but now the aspect ratio of the images get distorted when you adjust the size of the browser. Is there a way to fix this?

3. I changed the color of the menu bar and text but I am unable to change the color of the text on the Drop Down menu.


4. I'm having some trouble getting the lead capture to look right. I attached a screenshot. I'm wondering why the "captcha" text is showing up. I also would like to make the height of the box shorter. Also, is it possible to connect the lead capture to a newsletter source such as mailchimp?

5. Is there a way to remove one of the widgets from the footer? I would like to have the 1st widget take of the space of both 1 & 2.

Here is a link to the website: http://test.oasisstation.com/

Thank you for your time and help!

Chassie

 

Hello,

For your 1st, 2nd and 3rd issue

Code:

 .call-us p {
background: red;
}
.call-us p:hover {
background: red;
opacity: .8;
}
@media only screen and (max-width: 1370px) and (min-width: 1140px){
.flexslider .slides {
height: 410px;
}
.flexslider .slides img {
height: 417px;
}
}
 
@media only screen and (max-width: 1140px) and (min-width: 960px){
.flexslider .slides {
height: 380px;
}
.flexslider .slides img {
height: 387px;
}
}
 
@media only screen and (max-width: 960px) and (min-width: 767px){
 
.flexslider .slides {
height: 330px;
}
.flexslider .slides img {
height: 337px;
}
}
 
@media only screen and (max-width: 767px) and (min-width: 480px){
.flexslider .slides {
height: 300px;
}
.flexslider .slides img {
height: 307px;
}
 
}
 
@media only screen and (max-width: 480px){
.flexslider .slides {
height: 200px;
}
.flexslider .slides img {
height: 207px;
}
 
}
#menu .ddsmoothmenu li li a {
color: red;
}

For your 4th issue

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

Code:

.signinformbox_wrapper {
height: 270px;
}
 

It is not possible to connect the lead capture to a newsletter.



For your 5th issue

Please download "sidebar-footer.php" file attached and replace it with your current "sidebar-footer.php" file.
Thanks & Regards
Gourav Shrivastava

 

Thank you for the quick reply! I'm still having a couple of issues and need help of 2 new items. Details below:

1. The slider aspect ratio is still not right. Is there a certain size I should be designing the graphics for this? I'm currently designing them 1920 x 460.

2. How do I link the blog posts to the blog page in the menu bar?

3. How do I make the Call button on the homepage bigger (230x60) with the phone number adjusting to the size of the box as well so that it's much bigger?

4. How do I change the colors of the Lead Capture Widget to reflect what is on the homepage?

Thank you again for your time. I really enjoy working with your themes and the support you provide it top notch.

Have a great day,
Chassie

 

Hello,

1. Recommended dimension for slider image is 1920 px wide x 654 px height but it can be varied as per your requirement.

2. Go to Appearance > Menus > Links
and create your post menu from there.

check image for reference




3.

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

Code:

 .call-us p {
font-size: 20px;
padding: 9px 20px;
}

4. Could you please explain your issue little more.

Thanks & Regards
Gourav Shrivastava

 

1. This still doesn't fix the aspect ratio issue. If you view the site you can see that when you adjust the width of the browser it distorts the slider image. I want the slider height to be 460px. Below is the code that you gave me to use. I attached a screen shot example of what is happening with the image. Can you please help fix this? http://test.oasisstation.com/
}
.flexslider .slides {
height: 460px;
}
.flexslider .slides img {
height: 467px;

2. The posts are not showing up in the blog. How can I connect the posts to the blog section of the site?
Here is the link for the blog (posts not showing) http://test.oasisstation.com/blog/
Here is the link to one of the posts. http://test.oasisstation.com/test-post-2/ I've created 2 test posts that show up on the homepage but I don't know where they live within the site. Once I know that then I can add the link the blog menu.

3. Thank you - that worked

4: I attached a screen shot of the lead capture widget that I'm using in the sidebar on the interior pages of the site. I want the colors to reflect that colors on the homepage lead capture image (purple and grey). Right now the sidebar is showing up blue and orange.

Thank you for your time and help!

 

Hello,

1. In BlackRiders theme slider by default we have make its height auto, So it is adjust as per the image size but you have fixed the height of slider, So the solution in your case is
# Add image of same size as you added in your slider height
Or

# Adjust height of slider image in your css code as per your requirements.

2. Firstly create blog page for your site, For this go to Pages > Add New and select blog template from page attribute section.

3.

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

Code:

 .sidebar #signinForm {
background: grey;
}
 
.sidebar .signinformbox_wrapper {
background: grey;
}
 
.sidebar #signinForm input[type="submit"] {
background: rgb(236, 99, 236);
border-radius: 3px;
}
.sidebar #signinForm input[type="submit"]:hover {
background: rgb(236, 99, 236);
border-radius: 3px;
}

This will solve your issue.


Thanks & Regards
Gourav Shrivastava