trouble getting ads to work right

the password has changed – try this one:

So I found a forum about putting columns within columns and was able to get most of the home page lined up like I want it.

That means that I need to update what my questions are:

1. I still need to get the header widget lined up right. Right now it is showing up smaller than it’s actual size and it is not aligning to the right side. I want it to be right aligned in the header and equal height of the logo. Can you help advise me on how best to accomplish this?

2. I was able to find a way to get everything lined up mostly the way that I want it to be lined up … except for there being too much space or padding between elements. The way that I devised was putting a column in a column. One of your responses in the forum said it was okay to do this and how. I followed those instructions. As I started to do this, it worked… but now when i hit update, all of my changes are undone when i go look at a browser… (each column that i had put into a column is now outside of the column its supposed to be in) . ANY help you can give me on this will be greatly appreciated!

home page is supposed to look like this: (all columns are ready except for the note below)

1/5——– 3/5 ————————- 1/5 ———-
xxxxxxxxxx 2/3 ————– 1/3—
xxxxxxxxxx1/2——-1/2—
xxxxxxxxxx post slider that fits in the 2/3 section for community shows

*put the x’s in so you could see how table was supposed to be lined up

Tradio should be half the width of the available space and same with OCS image … with both being in the left column

sports should be in the empty right column

post slider should be at the very end of the 2/3 column for the community shows with 3 posts visible

Ismael,

1.) The widget generates an inline styling that we can’t override. You can see that it sets a maximum width and height:

<div class=”wppaszone proadszone-4788 ” id=”4788″ style=”overflow:hidden; max-width:728px; max-height:90px; margin: 0 auto; text-align:center; “>

I think this the inline styling for the max width and max height are options for that banner in the ad menu. I took that off. Can you see if that helped take away the inline styling?

2.) How did you do this? Did you use grid row element? If not, use the grid row element, set the number of cells and then you can insert the columns inside those cells.

The way that i did this before was to place columns within columns. I moved everything into the grid row element. The grid row element with columns inside seems to have more promise!

1. I want the width for the first cell for the grid row to be 1/10, the width for the 2nd cell for the grid row to be 8/10, and the width for the 3rd cell for the grid row to be 1/10. Is there a way to accomplish this?

Thanks,
Jeannie

• This reply was modified 7 years, 7 months ago by honestgraphics.

that header image is an image of the header from wizs.com. the website that i referred to in the private data was test.wizs.com which is a subdomain that i am using to work on the site to redesign it using enfold

I’m going to try to explain again. In the above 2 responses, you 1st showed a picture that was from wizs.com (i know this because it had the colored menu below the header) and in the second response, listed wizs.com as the website where you can’t see the header image.

wizs.com is the domain name we are building the enfold site for. however, the enfold site which will be used at wizs.com is currently being build at test.wizs.com. the wizs.com site is a site built off of thesis and not what we are trying to talk to you about. We are trying to replace that site with a site we build at test.wizs.com and then migrate over to wizs.com after we are finished.

that being said … there are some useful reasons to look back at the old thesis built site. we want our header ad to line up similar in the enfold site as to that of how it did in the thesis built site. below you will see a screenshot of the thesis built site (wizs.com) that we are trying to replace :

below you will see the enfold site (test.wizs.com) that we have built so far. See how the header ad looks at the 20 inch screen size? we want it to look that way at 13 inch screen sizes, etc…. all desktop screen sizes…

see below for how test.wizs.com (the enfold site) looks at different screen sizes… see how the ad progressively gets smaller as the screen size goes down ?
19 inch

15 inch

13 inch

10 inch

i was advised to put my page in a grow row to get the content that i wanted divided up the way that my client wants it divided up.. i have two requirements: i need the background ads to be responsive at desktop screen sizes and I need the page broken up so that the left background ad is 10%, the center part for content is 80%, and the right background ad is 10% of the web page width.

the suggestion that you all gave to put the page into the grid row actually fixed the 1st problem of needing the background ads being responsive. so, for this part of the ads, i just need to know how to tell the grid row cells to be a different width?

see screenshot with drawing on it for additional explanation of what i am trying to accomplish:

Knowing that and implementing it would totally knock this problem out!

Any help you can give me with this would be greatly appreciated….

Thanks,
Jeannie

• This reply was modified 7 years, 7 months ago by honestgraphics.

Andy & Ishmael,

I finally was able to get the spacing of the columns in the main content area (which includes the background ads that i spoke of) fixed to a width that i needed.

The developer that helped me to do this said he did it with CSS.

.flex_cell.av_one_fifth.first.avia-builder-el-first {
margin-left: 0 !important;
}

.flex_cell.av_one_fifth.first.avia-builder-el-last {
margin-left: 6%;
float: left;
clear: none;
margin-top: 0;
}

#top .no_margin.av_one_fifth {
margin-left: 6%;
width: 10%;
}

Above, you will see the last few “quick css” entries that I have on the site. Thank you for your assistance trying to resolve that part of this question.

There is still part of my original question left that is unanswered.

1. Is there a way to get the “entire header area outer horizontal edge” and the “entire footer & socket area’s outer horizontal edge” to line up with the outside border of the “content area/right side bar area”? we must find a solution for this ……… without changing the “layout” for the website under the enfold “general layout”, (we must leave the layout for the site set as “stretched” because that setting helped us fix other major problems we had earlier.)

2. On test.wizs.com/, in the right side of the header, you will see an ad. this ad does not stay right aligned, more so when the screen size goes way up (like the size of televisions) We need to figure out how to fix the ad so that it stays right aligned?

3. The header image is not adapting to mobile devices on the same website listed above.