[Sakin]

@Michelle: That’s great that you fixed it all. You too have a great weekend 🙂

[Sakin]

Hi Brian,

Oh sorry you mean the background color of header. Then you can change the color code in the following css and then add it in “Appearance => Theme Options => Custom CSS” box.
#branding { background-color: #fff; }

Regards,
Sakin

[Sakin]

@briankoe: Thanks for your appreciation.
1. You can go to “Appearance => Header” and then change the text color and save changes. For better color option inside theme options panel you can upgrade to Pro version http://catchthemes.com/theme-instructions/catch-evolution-pro/
2. Yes this section is bit technical. So, you need to have little but of technical knowledge to make this happen.
For this, first you need to build child theme. You can download sample child theme from http://catchthemes.com/blog/create-child-theme-wordpress/ and depending on the layout you choose we need to make changes. For example, if you have selected “Left Sidebar” or “Right Sidebar” layout from “Appearance => Theme Options => Layout Options”. Then, you need to copy header.php and index.php file from catch-evolution-pro theme directory to catch-evolution-pro-child theme directory. Then delete the following code from index.php
<?php get_sidebar(); ?>
Then in header.php file you need to add the above code which you have remove from index.php file. You need to add it just above <div id="primary"> code.

[Sakin]

@ashrafashraf: Yes your iPhone site height is larger. So, you will not be able to add like this if your image in not repeatable in pattern. I hope you understand my restriction and limit of theme developer.

[Sakin]

Hi Neil,

This type of task is very complicated with responsive design theme. As we need to consider various screen size. I have come up with the following css, I hope it will work fine. Otherwise you need to hire customizer at http://catchthemes.com/hire-customizer/.

You can try adding in the following css in “Appearance => Theme Options => Custom CSS” box.

#access ul li#menu-item-23 { border-right: 0; }
@media screen and (min-width: 768px) {
    #access ul li a { padding: 0 36px; }
}
@media screen and (min-width: 961px) {
    #access ul li a { padding: 0 43px; }
}
@media screen and (min-width: 1061px) {
    #access ul li a { padding: 0 24px; }
}
@media screen and (max-width: 960px) {
    #access ul li a:hover, 
    #access ul li.current-menu-item a, 
    #access ul li.current-menu-ancestor a, 
    #access ul li:hover > a {
        line-height: 36px;
    }
}

Regards,
Sakin

[Sakin]

@Michelle: I use this script for search and replace when migrating site:
https://interconnectit.com/products/search-and-replace-for-wordpress-databases/

[Sakin]

Hi Neil,

1. For nav bold, you can add the following css in “Appearance => Theme Options => Custom CSS” box.

#access ul li a {
    font-weight: bold;
}

2. For menu red border, you can add the following css in “Appearance => Theme Options => Custom CSS” box.

#access ul li a:hover, 
#access ul li.current-menu-item a,  
#access ul li.current-menu-ancestor a, 
#access ul li:hover > a {
    border-bottom: 4px solid #d31117;
    line-height: 44px;
}
#access ul li ul li a:hover, 
#access ul li ul li:hover > a,
#access ul li.current-menu-item .sub-menu a:hover,
#access ul li.current-menu-ancestor .sub-menu a  {
    border-bottom: none;
    line-height: 18px;
}

Regards,
Sakin

[Sakin]

@ashrafashraf: I have already told you when you use single long image, it depends on the site height. So, you need to check in. This option is not there in our theme.

[Sakin]

@ashrafashraf: Sorry we only help in theme options and settings not with images please.

[Sakin]

@ashrafashraf: This looks fine to me but it’s your choices. I always use only repeatable pattern background image. So, even it’s long or small it shows repeat pattern. So, I am not much of these full site background stuff. You can take support from customizer about this in details.

[Sakin]

@Michelle: Looks like you recently changed the site URL from your test site http://divinew1.wwwss9.a2hosting.com/ to http://divinewiz.com/. As your images are linked to
http://divinew1.wwwss9.a2hosting.com/wp-content/uploads/2013/08/man-meditating-198x300.jpg
Which actually needs to be
http://divinewiz.com/wp-content/uploads/2013/08/man-meditating-198x300.jpg

So, you need to check your database and replace all http://divinew1.wwwss9.a2hosting.com to http://divinewiz.com

Please check in with the person who change this or ask your web hosting support to change that.

[Sakin]

@ashrafashraf: It’s because the height of the image in not enough.

[Sakin]

@ashrafashraf: How can I make it good? It depend on your background.

[Sakin]

@Michelle: Post in your site URL so that I can check in? Anything that you are have recently changed like adding/updating plugins or changing any settings.

[Sakin]

@ashrafashraf: add both it will be as:
.su-youtube.su-responsive-media-yes { margin-bottom: 15px; padding-bottom: 0; }

[Sakin]

@ashrafashraf: You can adjust the margin bottom as per your need.
.su-youtube.su-responsive-media-yes { margin-bottom: 15px; }

[Sakin]

@ashrafashraf: Your video width is controlled from the following css:

.su-youtube.su-responsive-media-yes {
    padding-bottom: 0;
    width: 50%;
}

You can change that to:

.su-youtube.su-responsive-media-yes {
    padding-bottom: 0;
    width: 460px;
}

[Sakin]

@Michelle: Image disappearance has nothing to do with the theme. Theme is only for design and functionality. All your image uploaded from Media and Theme Options panel will be stored in wp-content/uploads folder. So, I don’t get it what is your issue. Can you explain it in details.

[Sakin]

@Morganti: It’s strange. I need to check in your sever. So, I will personally email you for more details.

[Sakin]

@ashrafashraf: What is your issue with the video.

[Author]

Posts