Hey psstudiosinc,

Please, try to follow this documentation topic to fix this problem: http://kriesi.at/documentation/enfold/how-to-register-a-google-maps-api-key/

Best regards,
John Torvik

Hi,

Sorry for the late response.

To fix your problem, just add this custom CSS code at Enfold theme options > general styling > quick css

.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 108px !important;
}

Let me know if it works :)

Best regards,
John Torvik

Hey casewonderwall,

You can put these styles to enfold-child/styles.css

#top.page.page-id-1012 .fullsize .template-blog .post-title {
    padding: 2px 0 20px 0;
}

#top.page.page-id-1012 .fullsize .template-blog .blog-meta {
    float: left;
    display: block;
    width: 180px;
    text-align: center;
    z-index: 1000;
    margin-right: 30px;
}
#top.page.page-id-1012 .fullsize .template-blog .blog-meta .small-preview {
	width: 180px;
    height: 180px;
}

Let us know if you have any more questions.
Best regards,
Victoria

Hi,

To solve this problem, just add this custom CSS code at Enfold Theme Options > General Styling > Quick CSS

#top .iconbox_content header {
  word-break: break-all;
}

Let me know if it works :)

Best regards,
John Torvik

Hi,

Try to add this code to change the sidebar title:

#top .widgettitle {
color: #000 !important;
}

Best regards,
John Torvik

Hey haydaw,

You can try a solution provided here https://kriesi.at/support/topic/automatic-resized-upload-images-become-more-kb-than-the-original/#post-761007

Let me know if this was helpful.
Best regards,
Victoria

Hi,

The code provided earlier does not affect the display property please use this css to display elements only on mobile or desktop

http://pastebin.com/raw/UyMiZgsa

It may be a cashing issue with the min width please deactivate any caching plugins and hardrefresh the page a few times to empty browser cache to preview new changes.

Best regards,
Vinay

Hi,

it would be probably best to create a new Grid Row only for iPad, which you can hide on desktop etc. For this you can at first do this: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
and then provide a unique css class for your new Grid Row, for example “ipad”. Then use this CSS code inside Quick CSS field:

@media screen 
  and (min-width: 1200px) { 
.ipad {
display: none;
}}

Adjust media queries as needed, for more information: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

Best regards,
Andy

Hi M,

Here is the code you can put in Quick Css filed in Enfold > Enfold Theme Options > General Styling:

#top .post-entry.post-entry-type-page.post-entry-7040 .av-caption-style-overlay.av-flex-size .av-masonry-entry.av-masonry-item-with-image 
.av-inner-masonry-content-pos-content {
	vertical-align: bottom;
	text-align: right;
}

Don’t forget to press ctrl+f5 or cmd+r when reviewing changes on your page.

Let me know if this was helpful.
Best regards,
Victoria

Hi Karl,

I found this in enfold-child/style.css

#top .fullsize .template-blog .blog-meta {
    display: none;
}

It hide the preview image in Author Single small preview, and styles for .small-privew are different in layout.css.

So the changing mode works, it’s just different styles are applied. Now you have to decide, what you need and apply necessary styles.

Let us know if you have any more questions.

Best regards,
Victoria