Thank you for this. It worked wonderfully
Consider ticket closed.

Thank you.
You support folks are great!

This is perfect! Thank you so much. With my rudimentary knowledge of coding I would have never guessed to apply it to the separator before the column.
Much appreciated Ismael.

Consider this ticket closed

What is the difference between assigning a class by doing the following here:
http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/.

and this:

I know very little about this so I am trying understand.

Also, stupid question but am I adding that css shown in your post to the custom css class area within that particular element or to the css area under General Styling.

I am probably confused about margins and padding…I want the blue box itself to be 8% indented from the left and right so is that a margin? The copy inside it can be just a comfortable padding so its not jammed up to the edge of the blue, maybe 10x or so.

No worries about late response…I was at WordCamp US in Philadelphia and just got back.

That worked perfectly!
Thank you for great support

Hi Jordan
I did give that a try although I may not have set it up properly…I did not fill in anything in the CODE WRAPPER ELEMENT box and left the other option boxes unchecked. So I basically dumped that exact code into the code box as I did in the text box. Like I said, it seems to work for a while but the backend looks all screwy. I think that any sort of update anywhere on that page will cause it to not display properly on the site. I have a test page called Contact Us (extra) that you can play with.

Hi Vinnie
It is very kind of you to offer to do this for me!
Yes you are ALMOST correct. I was thinking of not scaling it down but just making it go away on mobile devices. . the client agreed to simply not show the image of the businesspeople so the text image could be seen more easily against a plain white background. Another problem is that the text image gets very small on an iPhone 5s so I did another version with real text rather than an image of text. That version is really the proper way to do it, although its harder to get the text to look just right. I am waiting for the client to approve it. I would like you to configure that version as well as the current home page image. I duplicated the home page to create that alternate version with actual text . That page is http://www.potentialmatters.com/home-with-text/

The information you need is in the Private Content area

Thanks again !

Hi Vinay
Sorry but I am new to all this so please explain how I “add an ID to the color section”. Is it something that is already indicated in the media library?

Next stupid question, in the second line of the css you have am I supposed to replace “(image.jpg) with the file name of that image?

I just want that text to be displayed on a white background rather than over the image in mobile versions.

Thanks
Claudia

Yes, I did remove it. I ended up NOT using color boxes. Instead I added a background color to layout boxes. That gave it a boxed look but its OK for this page. Its too late to change it now.
HOWEVER, in case the client wants another landing page in the future I would like to set that page up so the test page is back for you to add css:
go to : http://www.camptalltimbers.com/camp-open-house-test/

Thank
Claudia

• This reply was modified 8 years, 8 months ago by cagraphicdesign.

Thanks,
That worked perfectly. I actually wanted the border to remain so I just deleted that part of the css. Now it looks really snappy with the red border and blue – and + icons. My client felt the keeping them red looked like the Red Cross symbol… And as they say, the client is always right. ;-). You may close this ticket

I think I figured it out….the graphic can’t be smaller than a certain size. I tried a fresh page, Tried my png image which is 81×81 px and did not show arrow, enlarged it to 105 x 105 px and it worked! My guess is the art has to be bigger than the rollover graphic.
Does this make sense to you?

Hi Vinay
I tried it and it did not seem to change it.
I placed the css at the end of the css that is already there. Here is what I have:
li#menu-item-145 {
background-color: #2f67b1 !important;
}
li#menu-item-85 {
background-color: #2f67b1 !important;
}
li#menu-item-84 {
background-color: #2f67b1 !important;
}
li#menu-item-83 {
background-color: #2f67b1 !important;
}
#header_main .container, .main_menu ul:first-child > li a {
min-width: 76px;
}
.main_color .avia-icon-list .iconlist_icon {
background-color: #2F67B1;
}
body {
font-size: 15px;
}
.page-id-274 .av_toggle_section {
border:none!important;
}
.page-id-274 .toggle_icon{
color:#2f67b1;
}

OK. Thanks.

Claudia

Thanks! You can close this.