[Krishan]

ok sure,
is your website live? I will be able to see myself. If not,

How are you adding the icons to your site? Using widgets or html or any other method.
I need to know the classes or id attributes for images(icons) so that we can select them specifically.

The above example is general expression. It gives you an idea but it won't work as it is.

Thanks

---

Kulwinder Krishan
I love helping people with Any Genesis Theme Customizations.
Check my website at http://www.ew3tech.com

[Krishan]

Yes, it is possible. Use media queries and then display none for all of the icons.
such as

@media screen and (max-width: 300px) {
.icon-class{
display: none;
}
}

The max-width size will depend on the screen size of the mobile device. Find out from http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

Thanks

---

Kulwinder Krishan
I love helping people with Any Genesis Theme Customizations.
Check my website at http://www.ew3tech.com

[Krishan]

Hi,

Upload both Genesis Framework and Genesis child theme in the theme folder and activate the Genesis child theme and make changes to it.
In future; Genesis Framework will get updates and that won't affect the changes you will have made to the genesis sample child theme as that does not get updated so you don't have to worry at all.

Thanks

---

Kulwinder Krishan
I love helping people with Any Genesis Theme Customizations.
Check my website at http://www.ew3tech.com

[Krishan]

Add the following rules to the bottom of the style.css of the child theme or go to Appearance > Editor > then style.css and add the rules to the bottom:

For menu buttons underneath header;
#subnav li a{
color: #000 !important;
}

For drop-down buttons;

#subnav li li a, #subnav li li a:link, #subnav li li a:visited{
color: #000 !important;
}

For buttons above the header:
#nav li a{
color: #000 !important;
}

Note: you have minify plugin installed and you will have to deactivate or sometimes delete it to see the changes in the css. You can install it back on afterwards.

Thanks

---

Kulwinder Krishan
I love helping people with Any Genesis Theme Customizations.
Check my website at http://www.ew3tech.com

[Krishan]

Hi Avadhut,

The simplest way to do that is to install Genesis Simple Edits plugin which adds an option as simple edits under Genesis option in the dashboard. Then, edit the Entry meta option in there.

Thanks
Krishan

---

Kulwinder Krishan
I love helping people with Any Genesis Theme Customizations.
Check my website at http://www.ew3tech.com

[Krishan]

Did you try using the developer tools of the browser to locate the class for title? It should appear in there.

Thanks

---

Kulwinder Krishan
I love helping people with Any Genesis Theme Customizations.
Check my website at http://www.ew3tech.com

[Krishan]

Hi there,

You can define the css in style.css of the child theme at the bottom of the page. There is nothing wrong with it.

Thanks

---

Kulwinder Krishan
I love helping people with Any Genesis Theme Customizations.
Check my website at http://www.ew3tech.com

[Krishan]

Hi there,

As far as I can see that the widget 3 is still appearing in the css code but does not contain content. I would like you let me know how you added the widget areas. Please list the steps.

Thanks

---

Kulwinder Krishan
I love helping people with Any Genesis Theme Customizations.
Check my website at http://www.ew3tech.com

[Krishan]

Hi there,

It is pretty simple. You will have to get the css class of the tile of widget and add bottom border and some padding in style.css.

Such as below:

.widget-title{
padding-bottom: 80px;
border-bottom: 2px solid #fff;
}
Hope that helps.

---

Kulwinder Krishan
I love helping people with Any Genesis Theme Customizations.
Check my website at http://www.ew3tech.com

[Krishan]

Well,
I saw magazine theme and there is not any texture on the theme header.
The theme header is defined as in your website:
#wrap {
background: url("/wp-content/themes/magazine/images/wrap.png") repeat-x scroll 0% 0% transparent;
margin: 0px auto;
}
try adding another image in there where it says background: url( upload the image in media and add the link in here) and i am seeing the minified css still in there. You might have to delete the cache plugin as well so that cached copies are not served.

Thanks

---

Kulwinder Krishan
I love helping people with Any Genesis Theme Customizations.
Check my website at http://www.ew3tech.com

[Krishan]

Well, I am not able to see any header on http://www.wonderkinweekly.com/ but it appears on http://www.wonderkinweekly.com/storytelling-rights/.

The most viable reason behind changes not showing up; is that you have cache plugin installed. You might have to deactivate or sometimes delete it to see the changes happening.

To make the header stick; see if you have:

.site-header,
.single-post .site-header.shrink,
.site-header.shrink {
position: fixed;
}

Thanks

---

Kulwinder Krishan
I love helping people with Any Genesis Theme Customizations.
Check my website at http://www.ew3tech.com

[Krishan]

I need to know how did you get the texture background behind the header image. Its not clear from the css. I will advise you to delete the minify plugin as sometimes it hides the css classes and ids. you can always install it back on.

---

Kulwinder Krishan
I love helping people with Any Genesis Theme Customizations.
Check my website at http://www.ew3tech.com

[Krishan]

Hi there,

Add the following code to the bottom of the style.css of child theme:

/* For menu above image */
#nav{
background-color: Anycolor; /* Add the color value instead of Anycolor */
}

/* For menu below image */
#subnav{
background-color: Anycolor; /* Add the color value instead of Anycolor */
}

/* Right and left left areas of the header image are dictated by the wrap color where background picture is http://www.ccophoto.com/wp-content/themes/magazine/images/wrap.png */
/* The following code will change the color of the sidebars on the whole page */

#wrap{
background-color: Anycolor; /* Add the color value instead of Anycolor */
}

Note: It seems that you have minify plugin enabled. You might have to deactivate or sometimes delete this plugin along with any cache plugin to see if the changes are happening. Ideally; they should be installed after full development.

Thanks
K Krishan

---

Kulwinder Krishan
I love helping people with Any Genesis Theme Customizations.
Check my website at http://www.ew3tech.com

[Krishan]

Hi Ceah,

That can be done by using the z-index property for both the header-class and the anchor links. Read about it at http://css-tricks.com/almanac/properties/z/z-index/

Thanks
Krishan

---

Kulwinder Krishan
I love helping people with Any Genesis Theme Customizations.
Check my website at http://www.ew3tech.com

[Krishan]

Hi Sterman7,

I can see that the text colors are not white in both header and footer of your website So I just want to make sure whether you want to change the color of header and footer themselves.

Thanks
Krishan

---

Kulwinder Krishan
I love helping people with Any Genesis Theme Customizations.
Check my website at http://www.ew3tech.com

[Krishan]

Your question is not clear to me. I did not understand where you want to have space and where exactly the background. Please make it clear by telling specifically.
Thanks

---

Kulwinder Krishan
I love helping people with Any Genesis Theme Customizations.
Check my website at http://www.ew3tech.com

[Krishan]

Hi Hwaitah,

Add the following at the bottom of all code of your style.css of the Minimum Pro theme:

a.more-link{
border-bottom: none !important;
}
You can access the styles.css under Appearance > Editor in your dashboard.

Thanks
K Krishan

---

Kulwinder Krishan
I love helping people with Any Genesis Theme Customizations.
Check my website at http://www.ew3tech.com

[Krishan]

Hi,
Its perfectly fine to have some errors in every theme and website but they should not be too many and the website should work perfectly fine as it is supposed to in your terms.
Genesis themes are well-coded according to the standards. The W3C Validator can help you to figure out some serious code problems if you encounter them.

Thanks
Krishan

---

Kulwinder Krishan
I love helping people with Any Genesis Theme Customizations.
Check my website at http://www.ew3tech.com

[Krishan]

Try using following css in max-width:960px media query in style.css:

.one-half{
float: left;
}
.one-half first{
float: right;
}
and then clear the floats for the parent container.

---

Kulwinder Krishan
I love helping people with Any Genesis Theme Customizations.
Check my website at http://www.ew3tech.com

[Krishan]

Hi there,
The best practice is do that with some css in the style.css of the theme; just add at the bottom of the file:

.site-header {
background-image: url(image-url);
background-repeat: repeat-x;
background-color: black; /*choose any color for back-up */
}

Look at the website http://www.ew3tech.com that I created using parallax theme. It is quite good theme and I recommend that you buy it.

Thanks

---

Kulwinder Krishan
I love helping people with Any Genesis Theme Customizations.
Check my website at http://www.ew3tech.com

[Author]

Posts