[WisdmLabs]

Hi,
Usually homepage is controlled by front-page.php
So check out the loop in front-page.php.

Genesis provides with various hooks. You can use the below code to move the featured image from entry header area to entry content area:

remove_action( 'genesis_entry_header', 'genesis_do_post_image', 8 );
add_action( 'genesis_entry_content', 'genesis_do_post_image', 8 );

---

http://wisdmlabs.com/

[WisdmLabs]

Hi,
Check out the Genesis > Theme Settings > Breadcrumbs
Check the option 'Front Page' in the settings and it will be displayed on homepage.

If this does not work, it might be because theme has disabled it using Genesis hook in functions.php

Search for 'genesis_do_breadcrumbs' in functions.php of the theme and check if it has disabled it for homepage.

---

http://wisdmlabs.com/

[WisdmLabs]

Hi zohdy,
Try out the below HTML and CSS code:

HTML:

<div class="wrap"> <a href="#" class="image">
        <img src="http://yourvisionquest.com/wp/wp-content/uploads/2014/04/VQ039-90x90.jpg" alt="Image"/>
        <span class="text">Text Here</span>
    </a>
</div>

CSS:

.wrap {
    width: 90px;
    text-align: center;
    background: #eee;
    padding: 15px;
}
.image {
    text-decoration: none;
    color: #000;
}
.text {
    visibility: hidden;
}
.image:hover > .text {
    visibility: visible;
}

---

http://wisdmlabs.com/

[WisdmLabs]

HI,
Ya. you can use min-height in media queries.

However, you can also do it using jQuery. You will have to write a custom jQuery for matching the heights of the DIV.

If you are not comfortable with coding, you can try out the below jQuery plugin:
https://github.com/mattbanks/jQuery.equalHeights

---

http://wisdmlabs.com/

[WisdmLabs]

You are most Welcomed... 🙂

---

http://wisdmlabs.com/

[WisdmLabs]

Hi,
Below are the CSS changes you will need to do:

#wrap{
     background: url(images/bg-center.jpg) repeat-x center top;
     width: 100%;
     margin: 0 auto;
} 

#inner {
    margin: 20px auto;
}

#header {
     margin: 0 auto;
}

#footer {
    margin: 0 auto;
}

If you want to do this only for homepage, then just add '.home' in your selectors.
Example: '.home #inner { }'

---

http://wisdmlabs.com/

[WisdmLabs]

Hi,
I checked out your site link and can see the empty '.home' class in your CSS. However, you will have to write the properties you want to overwrite in it. An empty class doesn't overwrite anything.

Example: If you want to overwrite the background property of 'body', write the below CSS:

.home {
    background: #5e8cba;
}

In order to ignore all the body properties, you will have to overwrite all its properties using the '.home' class.

---

http://wisdmlabs.com/

[WisdmLabs]

Hi,
You can create a new widget area, which shows up on all the pages below the navigation bar, and add the text widget in that widget area.

Below is the code for adding a new widget area below the header:

//Register New Widget area
genesis_register_sidebar( array(
	'id' => 'header-image',
	'name' => 'Header Image Widget',
	'description' => 'This is sidebar for displaying Image below the header.'
) );

// add an action hook to call the function for your custom sidebar
add_action( 'genesis_after_header', 'wdm_do_custom_widget' );
// Display the custom sidebar
function wdm_do_custom_widget() {

	dynamic_sidebar( 'header-image' );

}

Add this code in the functions.php of your theme and add the text widget with the tag in the newly created widget area.

You can refer this article to know more.

---

http://wisdmlabs.com/

[WisdmLabs]

Hi,
The CSS selector which I have used represents the DIV with class 'textwidget' which is inside the DIV with class '.front-page-full-width-1'
So, '.front-page-full-width-1' is the parent DIV of '.textwidget' DIV. The purpose adding the parent DIV before the targeted DIV to make it sure that this CSS applies only on the front-page.

If we use only '.textwidget' as the selector, the CSS will be applied to all the text widgets on the entire website.

And to overwrite the css of 'body' on homepage, you can use the selector '.home' and give the required CSS properties to it. The class '.home' gets applied only on the homepage. So you can try the below code:

.home {
    //your CSS code
}

---

http://wisdmlabs.com/

[WisdmLabs]

Hi,
The post category appears on a new line because of the CSS property display: block; given to the class '.entry-categories' on line no. 1530 in style.css

To solve the issue and display the post category in the same line, add the below CSS code:

.entry-categories {
      display: inline;
}

---

http://wisdmlabs.com/

[WisdmLabs]

Hi,
The space below the image is because of the line-height which the container DIV inherits from BODY.
To solve the issue and remove the space, add the below css:

.front-page-full-width-1 .textwidget  {
     line-height: 0;
}

---

http://wisdmlabs.com/

[WisdmLabs]

Hi,
My previous answer will help you to remove the page title from the front page.

With respect to your second question, when you go to Settings > General Settings > Site Title in the Admin section, and enter text in the 'Site Title' field, it will be displayed in the header, above primary navigation as the title of the website.

In your question, you have mentioned that you want to remove the site-title. I am assuming you want to display your logo in place of the site title.
For doing so, go to Genesis > Theme Settings
There, you will find a section for 'Header'. Choose the option to display 'Image Logo' from the drop-down.

This will display your logo in place of the text. And if you check from the developer tool, you will also be able to see the site-title that you have entered in the 'General Settings'.

Hope I got your question right and this was helpful to you.

---

http://wisdmlabs.com/

[WisdmLabs]

Hi,
Use the below code in functions.php of the child theme to remove the title from the front page:

add_action( 'wp', 'remove_title' );
function remove_title(){
    if(is_front_page()){
	//* Remove the entry title (requires HTML5 theme support)
	remove_action( 'genesis_entry_header', 'genesis_do_post_title' );
    }
}

---

http://wisdmlabs.com/

[WisdmLabs]

Hey Jono,
For changing the width of the dropdown-menu you will have to change the following properties.

.genesis-nav-menu .sub-menu a{
   width:           ; /* You can enter the width in pixels or keep it auto. Ex: 125px or auto */
   font-size:      ; /* Enter the font-size in pixels or percentage  */
   background-color:     ; /* Enter color in hex codes or in rgb values , refer
 https://developer.mozilla.org/en-US/docs/Web/CSS/background-color  */
}

For fonts I would suggest choosing a font from google fonts (http://www.google.com/fonts)
This article explains very nicely how to add google fonts on genesis powered site. http://www.studiopress.com/tips/google-web-fonts.htm

---

http://wisdmlabs.com/

[WisdmLabs]

Hey,
I did check out site.
try adding following in your child-theme's style.css

/* For horizontal secondary menu drop down */
.genesis-nav-menu.menu-secondary .sub-menu{
      width: auto;
}
.menu-secondary .sub-menu .menu-item{
      float: left;
}

This will override the property where the width of the drop-down is restricted and sets the drop-down items to align next to each other.

---

http://wisdmlabs.com/

[WisdmLabs]

Hello,
We would be happy to help you in customising the BBPress Forum.
You can check out the details on our website: http://wisdmlabs.com/

---

http://wisdmlabs.com/

[WisdmLabs]

I am assuming the four photos that you are referring to are the 3 small images on right and one large image on the link you provided.

I can see space only below the large image. And that space is due to the line-height property which it is inheriting from the <body> tag.

Below is the css code to make line-height '0' and remove the space:

.home-top .featured-content .entry {
      line-height: 0;
}

---

http://wisdmlabs.com/

[WisdmLabs]

Try the below code:

.nav-primary .current-menu-item > a {color:#00f;}

This will change the font-color of selected menu item in primary navigation.

---

http://wisdmlabs.com/

[WisdmLabs]

In the reading settings, you can choose a static page and select the page that you want to display as the front page.

Another option is through modifying the existing front-page.php file in the theme. If there is no existing front-page.php, you can create a new one in your theme folder and customize it.

You can check the blog below:
http://wisdmlabs.com/blog/create-custom-homepage-genesis/

---

http://wisdmlabs.com/

[WisdmLabs]

Hi,
The Issue is because '<p>' tag has a bottom padding of 20px in the post (http://conwayscrealestate.com/questions-before-buying-conway-homes/)

In order to remove the additional space in the post (http://conwayscrealestate.com/questions-before-buying-conway-homes/), you will have to make a change in line no.917 of style.css of the theme.

The current code is:

.entry-content p,
.page .entry-content p {
	padding: 0 0 20px;
}

The modified code should be:

.entry-content p,
.page .entry-content p {
	padding: 0;
}

Please note that the above change will remove the padding of '<p>' tag from entire site.

Alternatively, you can add the below css in style.css:

.entry p {
        padding: 0 0 20px;
}

And put single space in the post.

---

http://wisdmlabs.com/

[Author]

Posts