Margin gap added for widget

[Brain-e]

Hello I am using exec theme and I would like to know how I can add a gap on the right of the 480 layout. As you can see on the 780 they are all spaced out evenly. When the site is viewed at 480 the widgets move move below each other. I would like them to have that small gap on each. I have played about with margin size to no avail. Any clues?

http://i.imgur.com/SpoOQA7.png

[Davinder Singh Kainth]

Try this, look for following code in style.css file

@media only screen and (max-width: 500px) {

	.entry-title {
		font-size: 24px;
		font-size: 2.4rem;
	}

	.content .entry-header .entry-meta .entry-comments-link {
		display: none;
	}

}

Replace it by following

@media only screen and (max-width: 500px) {

	.entry-title {
		font-size: 24px;
		font-size: 2.4rem;
	}

	.content .entry-header .entry-meta .entry-comments-link {
		display: none;
	}

      .home-top .widget {
               margin-bottom:30px !important;
      }

}

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Brain-e]

Not totally what I had in mind. However that is cool and I will add it 🙂

what I was referring to was to have a similar gap on the right hand side of the widget, that can be seen on the left side of the browser

[Davinder Singh Kainth]

Then use following code instead of above:

@media only screen and (max-width: 500px) {

	.entry-title {
		font-size: 24px;
		font-size: 2.4rem;
	}

	.content .entry-header .entry-meta .entry-comments-link {
		display: none;
	}

      .home-top .widget {
               margin:30px 15px !important;
      }

}

To get exact required look, play around with margin values in above code ( margin:30px 15px !important;)

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Brain-e]

still no joy!

[Davinder Singh Kainth]

Can you share your website url, I will scan through the code.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Brain-e]

it's on a local host,

I can paste the CSS.

[Brain-e]

I'm just uploading the changes to the online site for your viewing 🙂

[Brain-e]

this is the link http://www.neuroknowhow.com/brain/

You might also be able to help replicate the position of the gravity form button.

I'm stumped with that too.

I think I need to do a course.

[Davinder Singh Kainth]

Following up on previous code, replace code with this:

@media only screen and (max-width: 500px) {

	.entry-title {
		font-size: 24px;
		font-size: 2.4rem;
	}

	.content .entry-header .entry-meta .entry-comments-link {
		display: none;
	}

      .home-top .widget {
               margin:30px 15px !important;
      }

     #text-3, #text-4 {
               margin:20px 25px !important;
    }

}

Then check...

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Author]

Posts