DMS 2 Can't add a Masonic Gallery

[dario 20]

I can't seem to add a Masonic Gallery section.

This is the case for 1 live site, its local dev version and 3 other local dev sites.

 

I can drag the section to the page, which then tells me to refresh. Once refreshed, the section is not on the page.

All caching is off.

 

I can add all other sections to all sites.

 

Removing all plugins has one effect, it allows me to add the section and it is still present on refresh. However, the added section is simply a dashed line. There are no controls, in fact, I cannot even delete it.

 

Changing to the base DMS theme does allow me to access the partially added section, and add new ones.

When I go back to the child DMS theme, I'm back to the problems once again.

 

Removing all the code from the style sheet does allow me to add the section and edit it. It also allows editing when I re-add the styles to the sheet.

 

So, can someone take a look at the css and see what the faulty code might be?

FWIW, I get no errors on the W3C CSS Validator.

 

/* Remove Fixed Section Bottom Border */

body .pl-fixed-top {

background-color: #ffffff;

box-shadow: 0 0px 0 rgba(0,0,0,0.2);

}

 

/* Remove Fixed Section Padding */

.pl-section-pad {

padding: 0;

}

 

/* Logo Area Styling */

#mediaboxu31mg96 .pl-section-pad {

padding: 0;

margin-bottom: 0;

}

 

#mediaboxu31mg96 .pl-section-pad, #mediaboxu31mg96 .the-media, #mediaboxu31mg96 p {

margin-bottom: 0;

padding-bottom: 0;

}

 

/* Makes sure that the current menu item is highlighted */

.ubermenu .ubermenu-item.ubermenu-current_page_parent > .ubermenu-target {

   background: #a0c8b0;

   color: #ffffff;

}

 

/* Remove progres bar from RevSliders */

.tp-bannertimer {

display: none !important;

}

 

/* SubTitle Area Styling */

#textboxuvs90le p {

font-family: 'HelveticaNeueLight';

color: #669966;

padding: 0;

margin-bottom: 10px;

}

 

/* Coloring last breadcrumb */

.breadcrumb_last {

color: #669966;

}

 

/* Corrects the breadcrumb font size */

#breadcrumbs {

font-size: 14px;

padding-top: 0;

padding-left: 0;

}

 

/* Removes border radius from iSlider image */

.section-islider .islider .slides > li.flex-active-slide {

-webkit-border-radius: 0px;

-moz-border-radius: 0px;

border-radius: 0px;

}

 

.section-islider .islider .slides > li img {

-webkit-border-radius: 0px;

-moz-border-radius: 0px;

border-radius: 0px;

}

 

/* Style iSlider text for home page */

#islideruzfnzrp.section-islider .content a {

font-family: 'Freehand591BT' !important;

font-size: 48px !important;

font-weight: 300 !important;

line-height: 1.4em !important;

display:inline-block;

background-color: rgba(0, 0, 0, 0.4);

}

 

#islideruzfnzrp.section-islider .content a:hover {

color: #669966;

}

 

#islideruzfnzrp.section-islider .content p {

font-size: 14px;

text-transform: uppercase !important;

display:inline-block;

background-color: rgba(0, 0, 0, 0.4);

}

 

#islideruzfnzrp.section-islider .content a i {

display: none;

}

 

#islideruh29oq1.section-islider .content a {

font-family: 'Freehand591BT' !important;

font-size: 48px !important;

font-weight: 300 !important;

line-height: 1.4em !important;

display:inline-block;

background-color: rgba(0, 0, 0, 0.4);

}

 

#islideruh29oq1.section-islider .content a:hover {

color: #aa2f2f;

}

 

#islideruh29oq1.section-islider .content p {

font-size: 14px;

text-transform: uppercase !important;

display: inline-block;

background-color: rgba(0, 0, 0, 0.4);

}

 

#islideruh29oq1.section-islider .content a i {

display: none;

}

 

/* This must be styled because the first paragraph on all pages is styled and that screws this up */

.section-islider p:nth-of-type(1) {

text-align: center !important;

}

 

/* Styling widgets */

.widget .widget-title, .widget .widgettitle {

text-align: center;

text-transform: lowercase;

}

 

/* Fixing Gravity Forms radio button display */

.gform_wrapper .gfield_radio li input[type=radio], .gform_wrapper .gfield_checkbox li input { margin-left: 1px;}

 

/* Adjusting text header margins on right-hand column of gallery pages */

.content-column h1 {

margin-top: 0px;

margin-bottom: .25em;

}

 

.content-column h2 {

margin-top: 0px;

margin-bottom: 0em;

}

 

/* Adjusting the h3 text on right-hand column of gallery pages */

.content-column h3 {

font-size: 18px !important;

font-weight: 100;

margin-top: 0em;

margin-bottom: 1em;

}

 

/* Enlarging the font in the gallery pages */

#postloopu5m16jq p {

font-family: 'HelveticaNeueLight';

font-size: 21px;

line-height: 28px;

}

 

/* Adjusting the p text on right-hand column of the about page */

#post-2 .content-column p {

font-family: 'HelveticaNeueLight';

font-size: 18px;

line-height: 28px;

}

 

#post-2 .content-column .alignleft {

margin: 0 1.5em 0 0;

}

 

/* Changing ShareBar and SocialLinks icons to black */

.pl-social-counter .pl-social-icon i {

color: #000000;

}

 

/* Changing the SocialLinks hover to their guide colors */

a.sl-link .icon-facebook:hover {

color: #3b5998;

}

 

a.sl-link .icon-twitter:hover {

color: #55acee;

}

 

a.sl-link .icon-google-plus:hover {

color: #d34836;

}

 

a.sl-link .icon-pinterest:hover {

color: #cb2027;

}

 

/* Adds | between author and date */

#elsue-single-bitsu5kohkz .vcard:after {

content: " |";

color: #000000;

}

 

#elsue-single-bitsulkwkva .vcard:after {

content: " |";

color: #000000;

}

 

/* Colors author link on hover */

#elsue-single-bitsu5kohkz a:hover {

color: #a0c8b0;

}

 

#elsue-single-bitsulkwkva a:hover {

color: #a0c8b0;

}

 

/* Removes the 'add comment' from the post listings on the blog/journaling archive pages */

.pl-new-loop .hentry .metabar .post-comments.sc {

display: none;

}

 

.hentry p {

font-family: 'HelveticaNeueLight';

font-size: 18px;

line-height: 28px;

}

 

.hentry p a {

        color: #df0835;

}

 

.hentry p a:hover {

        color: #000000;

}

 

.hentry p em {

font-family: 'HelveticaNeue-LightItalic';

}

 

/* Styles Archive pages */

#postloopuce68b .metahead {

display: none;

}

 

.pl-new-loop .hentry.metahead-page {

padding-left: 0px !important;

}

 

.post-nav, .current_posts_info {

padding: 0;

}

 

/* Removes some padding between the post titles and post info */

body .pl-area .pl-section .pl-section > .pl-section-pad {

margin-bottom: 0;

}

[dario 20]

Also note that the CSS is from the live site.

I have never added a Masonic section to the live or dev site until the attempts described above.

 

On one of the other dev sites I have previously added a Masonic section, and styled it with CSS. Here again though, that dev site no longer allows another addition.

[Danny+ 1,327]

Can you record the issue please, as I am having no issues whatsoever on my testing site.

[dario 20]

I'll try to do that today.

 

FWIW, I've been going through the CSS and at this point if I remove all but the first 4 sets of styles, from this line on down: /* Makes sure that the current menu item is highlighted */, I can add the section just fine.

 

A lot of the CSS is duplicated between all these dev sites and the live one.

[Danny+ 1,327]

The DMS CSS editor is a light CSS editor and therefore, if you're going to include comments and advanced CSS, I would recommend using a child theme instead.

[dario 20]

I am using a child theme on all sites.

I am not using the DMS CSS Editor (other than to load fonts), rather, I'm using Coda.

 

Still mulling over your previous suggestion to switch to Atom. ;)

[Danny+ 1,327]

Never liked Coda too bloated for me. In my opinion you can't beat SubLime Text or Atom.

 

Regarding the issue, I have just this moment added your custom CSS to a child themes style.css file and then added Masonic without any issue.

 

https://cloudup.com/cb5AnclMNq6

https://cloudup.com/cqo3Ld25sf2

[dario 20]

Weird.
I wonder if it's something Mac-related, or to my Mac version of Chrome?

Tangentially related is that when in the CloudFlare dashboard I cannot access all the dropdowns for any of the sites I have there, with either Chrome or Safari. CloudFlare says it's on my end. On my iPad and PC, everything is accessible.

Obviously I'm not seeking help for that here.

Still, I'll try adding the section via my PC and see what happens.

[Danny+ 1,327]

Hmm, not entirely sure to be honest. You could try installing Google Canary using the default settings and no extensions. Then see if the issue resolves itself.

 

https://www.google.co.uk/chrome/browser/canary.html

[dario 20]

Same issue on my PC.

Here's the screencast from my Mac:

http://screencast.com/t/6IcIk5FBBou

 

I'll try Canary next.