Hi,

I am not sure how else I can help you after showing you a way to do this. As I explained, tables are for tabular data and are not layout elements for images. If you are asking how do you make 6 columns and 1 row to become 3 columns and 2 rows on smaller screen sizes, I don’t think that is possible. My suggestion is to use a gallery since that is what is currently done. Here is a random theme to illustrate my point, about what you are trying to do with the table. http://themes.a-salah.com/bostan/new-home-2/

A border color can be easily changed with css.

Thanks,

Nick

Hi,

Please see my answer here https://kriesi.at/support/topic/quform-inside-the-tabs#post-121288 about the qform

http://www.clipular.com/c?8869008=7mQBTJWiDUJkYv1Ub3D0914l4LI&f=.png

You need to have a transparent background image and then:

To replicate the same thing as on the links you showed, make a page. add a color section element, Make the color section background aqua color, and inside it add three 1/3 elements. In first 1/3 element add an image element with the picture of confused clock wearer, in second 1/3 element add the text , and in third 1/3 element add a button.

Now will need some css to lower the size of the area so that man’s head and shoulders are pushed out on top, and move the button down :

.avia-button-center {

margin-top: 50px !important;

}

.avia-button .avia_button_icon {

font-size: 1.3em;

}

.avia-align-center.avia_image.avia-builder-el-no-sibling {

position: absolute;

top: -160px;

}

My Settings on Page: http://i.imgur.com/nGnmkoM.png

My Settings for Color Element: http://www.clipular.com/c?8860015=YJMaD1BCoZh1eH4kFwUf6nmmLL4&f=.png

**Important, for my CSS to work, the image must be centered and the button must be centered —> My Settings for Image Element http://www.clipular.com/c?8869014=H0LGUZpSqkQ-2HIP4F_Bx62xUJc&f=.png … The same must be done when configuring the button element. or change my css to reflect your changes.

—-

You will definitely need to adjust the css for different screen sizes using media queries,. I suggest you use Google Developer Tools to change the css to by reusing my code but changing the numbers inside the media queries.

Thanks,

Nick

Hi andreikharlanov,

Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

#top.single-post .big-preview.single-big a,

#top.single-post .small-preview {

pointer-events: none;

cursor: default;

}

If you have a link to the page there is also a jquery method as well but I like to make sure its very specific to the page/layout so that it doesn’t cause any outside issues.

Regards,

Devin

Hi WaTcHinG,

There isn’t an option to switch between the regular visual editor and the advanced layout editor but you can use shortcodes to build the same layouts that the advanced layout builder has (except for color sections). Then you’ll be able to easily modify a shortcode after you’ve added data to it via the interface popup.

Regards,

Devin

Hi Bruce,

The demo actually uses 1700 width images. See: http://kriesi.at/themes/enfold/files/2013/04/floor.jpg which is 1700×470.

Regards,

Devin

Hi,

That’s because you setup a W3TC cache plugin and most likely improperly configured it for CDN, since i see your images are being pulled off a cdn mapped to a subdomain , but none of the images are coming through, which makes me believe that you set it up wrong. If you turn off that plugin , all the images will return. Just clear the cache after disabling it, and any other CDN / Cache plugin you are using and images will be back, that I guarantee.

I think I know where your error is coming from, you probably setup the DNS records wrong, I set that plugin up too many times not to know where the bottlenecks and learning curves break things.

Thanks,

Nick