Forum Replies Created

Viewing 30 posts - 1 through 30 (of 32 total)
  • Author
    Posts
  • in reply to: MyFonts fonts no longer working after Enfold 3.0.8 update #397190

    Hi Elliott,

    Thanks. Moving the modification to the child theme per your instructions worked.

    Here’s the screenshot you requested: http://easycaptures.com/fs/uploaded/747/2557903229.jpg. The bug still exists after making the code change above, so I think it got introduced by the grid changes between 2.9.2 and 3.0.8.

    In Firebug, the bug goes away if I disable the following style, but changing something this global would break a lot of other things in the theme:

    * {
       box-sizing: border-box;
     }

    So instead of doing that, I added this style in Firebug and was able to fix the issue:

    .rotatingtweets, .rotatingtweet {
        max-width: 100%;
    }

    It seems like something is just causing the Rotating Tweets plugin to not play well with the recent theme updates. In general, it seems like the site’s grid columns are much narrower now than they were in 2.9.2 (really noticeable at larger resolutions like mine, 1920×1080). Is there a way to get the wider layout back?

    I’ve updated my style.css on the FTP server with the above change. It should show up on the site shortly.

    David

    in reply to: MyFonts fonts no longer working after Enfold 3.0.8 update #396744

    Hi Rikard,

    The child theme only has a functions.php, its style.css, and the AUX_plus_SVG.css stylesheet (needed for making the MyFonts fonts work). It doesn’t have copies of the other Enfold .php files.

    Should I just copy Enfold’s current header.php (with my change) into the child theme’s main directory?

    A couple questions too, if I do that: Would that ensure that I don’t have to make this change again when the theme updates? And if the theme updates, will the changes that I need be able to sync to my child theme properly too?

    I’m not totally sure if my fix is the right fix because I’ve encountered some instances where text is overflowing its boundaries, where it wasn’t prior to the theme update and its grid changes. I’ve applied a temporary fix for the most glaring example of this (my homepage’s 7 How can we help? buttons), but you may be able to see this in the site’s footer (look for the rotating Tweets feed). This may be a font rendering / stylesheet order issue, but I’m still trying to figure this out.

    Thanks,
    David

    in reply to: MyFonts fonts no longer working after Enfold 3.0.8 update #396283

    Looks like I found it here: Using web fonts in WordPress without using Cufon.

    The site appears to be working now.

    However, is there a way to make it so that I don’t have to do this after every theme update?

    I’m using a child theme of Enfold, by the way.

    in reply to: Can't change Logo in Admin #316110

    Hi Josue,

    I am having the same problem Bryan reported. However, when I try to update the theme I can’t do that either. The Theme Options, Styling, etc., links on the left side of the screenshot in the page you linked to are missing. How can I update the theme and change the logo?

    By the way, in addition to the red X not working, the upload button for changing the logo image doesn’t work. Neither do the red X or upload button for the favicons, and the Show All Options link in Admin. This only recently started happening when WordPress upgraded to 4.0 on my site (it was automatic, via DreamHost). I need to change both the logo and the favicon for a live site.

    Thanks,
    David

    in reply to: Color sections aren't displaying full-width #280214

    Hi,

    I plan to take my site live within the next several days. Just in case this thread gets closed, here is my “hack” fix to my child theme’s style.css as a guide to anyone else who has this problem.

    This fix works as I intended for the layout elements that my site uses. My site doesn’t use every layout element. If you see any strange behavior with different elements’ widths, you may need to add special cases for its container or other properties of it as I have done for the blog and portfolio item grids below. In any case, I hope this is a good start for anyone else who encounters problems with the color sections’ widths.

    .responsive .container {
        width: 100%;
    }
    .responsive .container .twelve.units {
        width: 100%;
    }
    
    /* other grid.css container widths needs to remain enforced */
    @media only screen and (max-width: 479px) {
        .responsive .container .twelve.units .container, 
        .responsive #header_main .container,  
        .responsive .title_container .container, 
        .responsive #footer .container, 
        .responsive #socket .container, 
        .responsive #blog-masonry, .responsive_large .container.template-blog, 
        .responsive .error404 .container,
    	.responsive #footer .widget p
            {
            width: 96%;
        }
        .responsive .av_slideshow_full .container, 
        .responsive .single-portfolio .container
    	{
    		width: 100%;
    	}
    }
    @media only screen and (min-width: 480px) {
        .responsive .container .twelve.units .container, 
        .responsive #header_main .container,  
        .responsive .title_container .container, 
        .responsive #footer .container, 
        .responsive #socket .container, 
        .responsive #blog-masonry, .responsive_large .container.template-blog, 
        .responsive .error404 .container
    	{
    		/* Don't set this on sliders because that will put the captions in the wrong place, possibly offscreen */
            margin: 0 auto;		
    	}
    }
    
    @media only screen and (min-width: 480px) and (max-width: 767px) {
    	.responsive .container .twelve.units .container, 
    	.responsive #header_main .container,  
    	.responsive .title_container .container, 
    	.responsive #footer .container, 
    	.responsive #socket .container, 
    	.responsive #blog-masonry, .responsive_large .container.template-blog, 
    	.responsive .av_slideshow_full .container, 
    	.responsive .single-portfolio .container,
    	.responsive .error404 .container
    	 {
    		width: 428px;
    	}
    }
    
    @media only screen and (min-width: 768px) and (max-width: 989px) {
        .responsive .container .twelve.units .container, 
        .responsive #header_main .container,  
        .responsive .title_container .container, 
        .responsive #footer .container, 
        .responsive #socket .container, 
        .responsive #blog-masonry, .responsive_large .container.template-blog, 
        .responsive .av_slideshow_full .container, 
        .responsive .single-portfolio .container,
        .responsive .error404 .container
            {
            width: 682px;
        }
    }
    @media only screen and (min-width: 990px) and (max-width: 1139px) {
        .responsive .container .twelve.units .container, 
        .responsive #header_main .container,  
        .responsive .title_container .container, 
        .responsive #footer .container, 
        .responsive #socket .container, 
        .responsive #blog-masonry, .responsive_large .container.template-blog, 
        .responsive .av_slideshow_full .container, 
        .responsive .single-portfolio .container,
        .responsive .error404 .container
           {
            width: 910px;
        }
    }
    @media only screen and (min-width: 1140px) {
        .responsive .container .twelve.units .container, 
        .responsive #header_main .container,  
        .responsive .title_container .container, 
        .responsive #footer .container, 
        .responsive #socket .container, 
        .responsive #blog-masonry, .responsive_large .container.template-blog, 
        .responsive .av_slideshow_full .container, 
        .responsive .single-portfolio .container,
        .responsive .error404 .container
            {
            width: 1030px;
        }
    }
    @media only screen and (min-width: 1340px) {
        .responsive_large .container .twelve.units .container, 
        .responsive_large #header_main .container,  
        .responsive_large .title_container .container, 
        .responsive_large #footer .container, 
        .responsive_large #socket .container, 
        .responsive_large #blog-masonry, .responsive_large .container.template-blog, 
        .responsive_large .av_slideshow_full .container, 
        .responsive_large .single-portfolio .container,
        .responsive_large .error404 .container
            {
            width: 1210px;
        }
    }
    
    /* Portfolio grid entries need to be set back to the right position  */
    /* Entries 1, 4, 7, etc., in the portfolio grid */
    .grid-sort-container.grid-col-3 .grid-entry:nth-of-type(3n+1) {
        left: 0;
    }
    /* Entries 2, 5, 8, etc., in the portfolio grid */
    .grid-sort-container.grid-col-3 .grid-entry:nth-of-type(3n+2) {
        left: 33.3333%;
    }
    /* Entries 3, 6, 9, etc., in the portfolio grid */
    .grid-sort-container.grid-col-3 .grid-entry:nth-of-type(3n+3) {
        left: 66.6667%;
    }
    
    /* Keep first row of portfolio items from flowing onto a second row */
    #homepage-portfolio .grid-sort-container {
        height: inherit;
    }
    
    #blog-masonry {
       margin: 0 auto;
    }
     
    

    Thanks,
    David

    in reply to: Color sections aren't displaying full-width #276786
    This reply has been marked as private.
    in reply to: Color sections aren't displaying full-width #276785

    Hi Ismael,

    You don’t need to add the css modification for the color section, at least not until we find the actual issue. Is this still happening on many pages that you created? I mean the color section is still not fullwidth when you create a new page?

    Yes, it still happens whenever I remove my CSS modification. Newest page here: http://amusementux.com/color-section-retest/.

    If you have the time, please access the site’s database on phpMyadmin panel then look for the wp_postmeta table. Click Search then look for the post_id column, set the operator to = and the value to 559, click Go. 559 is the post id of the Color Section Test – all icon boxes are in color sections page. Please give us a screenshot of the result and the data inside the _aviaLayoutBuilderCleanData and _avia_builder_shortcode_tree meta_keys.

    My site is on DreamHost, so the process was somewhat different. Here’s the screenshot: http://www.sendspace.com/file/8pzo7t. It doesn’t show the full values of those two keys, so I’ll add a private reply with that.

    David

    in reply to: Color sections aren't displaying full-width #276099
    This reply has been marked as private.
    in reply to: Color sections aren't displaying full-width #275312

    Hi Kriesi,

    Thanks very much for looking into this. The core files are all still the same. The only change I’ve made that may be to any of them is to allow custom CSS classes to be added to any element (I used the method Dude described here). I was seeing this color section issue both before and after that change. It also still occurs if I delete my child theme’s style.css file using Firebug.

    I just created a new FTP account for you and put its login information in a private reply.

    I’ve built some pages in Chrome and other pages in Firefox. I’ve seen the issue occur in both.

    My enabled Chrome extensions: ADB for debugging, Adobe Edge Inspect CC, Awesome Screenshot, Axure RP (2 versions), Dashlane, MaskMe, NoCoffee Vision Simulator, RescueTime, TweetDeck, and UserZoom Survey Tool.

    Enabled Firefox add-ons: Abduction, Click&Clean, Dashlane, Firebug, FireShot, Skype Click to Call, and Web Developer.

    Is there any other configuration information I could send you to help you look into this?

    I could probably also take a Jing screencast showing how I set up a page. In short, most of my site’s pages are made up of several color sections which each contain columns inside them (similar to Drivott‘s layout).

    Thanks,
    David

    in reply to: Color sections aren't displaying full-width #275300
    This reply has been marked as private.
    in reply to: Color sections aren't displaying full-width #274627

    I’m not seeing an issue in any of those layouts. The color section works exactly as intended and the layout is rendering exactly as intended on each.

    Are we looking at the same thing? The two screenshots in this .zip show what I have: http://www.sendspace.com/filegroup/zOjPKYss4c6J%2F2Dq25CzfA.

    The intended behavior you are describing makes sense if the color section is inside the column. Then the color section should only be as wide as the column is.

    However, here, the column is inside the color section. If we have column 1, column 2, and column 3, and these are within a color section, I haven’t given any specific instructions regarding the width of the color section. I have not told the layout builder to change this. I would expect the color section to act the way the documentation describes: “Color Sections, LayerSliders, and Masonry elements will always be full width and can not be placed next to a sidebar or inside column elements.” Saying that cutting off the color sections’ widths is “exactly as intended” contradicts the documentation.

    This is fundamentally an interaction design problem with implications in the software tool, not a purely software/web development problem (speaking as someone who has worked in both IxD and dev). In other words, if I want to make a color section that is only as wide as my columns (or 3 columns wide), I need to tell the layout builder that I want that.

    But this is only a possible desired outcome, not a probable one. The probable outcome (as Heathcliffe and Flikk have asked for on this forum) is a full edge-to-edge color section. The tool should always be doing that consistently. I can’t really see anyone creating a color section that isn’t truly full-width, but in case anyone wants to, the color sections should have a preference that lets users make them as wide as possible or constrained to the columns. (Feature request for the ALB.)

    What exactly are you expecting to happen, that you’ve seen in the theme demo or on another installation of the theme, that is not happening there?

    I am expecting the color sections in the All test page to be as wide as my browser window. They are this wide in the Nested test page and your original test page.

    The theme demo’s Landing Page has full-width color sections with columns inside them: http://kriesi.at/themes/enfold/pages/landing-page/.

    Drivott (in the Enfold Theme Showcase) has the kind of layout I am trying to achieve: http://drivott.com/. Their homepage consists of full-width color sections with columns inside them. And it works as I expect.

    • This reply was modified 10 years, 6 months ago by DalandanUX.
    in reply to: Color sections aren't displaying full-width #274343

    Hi Devin,

    Since this looks like a layout issue, I’ve created several more pages using your /color-section-test page as a starting point. This gives us a simpler example for identifying the cause, so thank you for creating that page.

    I recreated your page at http://amusementux.com/color-section-test-with-id/ with the advanced layout builder and initially got the same results you did. Next, I added an ID on the color section for styling. The page looks different than expected because the <div id="footer"> element containing the footer widgets is inside the color section’s div. This issue doesn’t affect the color section’s width, but if you can reproduce it then a separate case should be opened for that.

    Next, I created http://amusementux.com/color-section-test-nested/ to see if the width problem was happening because I was putting column layouts within color sections. This page gave me the same results as /color-section-test-with-id.

    Next, I created http://amusementux.com/color-section-test-all/. On this page, I began with your layout (which was still working) and put a color section around the three 1/3 columns. (I put different background colors on the color sections using the Advanced Layout Builder to verify their width.) The color sections became narrow (the original problem). So I’ve reproduced this issue on a much simpler page.

    Please add a color section around your 3 1/3 columns in the top row on your page (http://amusementux.com/color-section-test/). Do you see the narrow color sections there that I saw on amusementux.com/color-section-test-all/?

    Thanks,
    David

    • This reply was modified 10 years, 6 months ago by DalandanUX. Reason: "" -> "div id="footer">
    in reply to: Color sections aren't displaying full-width #273899

    Ismael,

    This reply is to your post here: https://kriesi.at/support/topic/background-images-dont-show-up-inside-content-sliders-slides/#post-273691.

    In the other thread, you asked:

    For example, you said that, “I found a possible solution, remove the first div class=”container” inside div id=”main””. Where exactly are you doing this modification?

    Please see this post for the questions you are having: https://kriesi.at/support/topic/color-sections-arent-displaying-full-width/#post-271618. I posted screenshots there of exactly what my changes were. Yesterday, another user reported the same problem I am having.

    I didn’t modify any theme files other than my child theme’s style.css. All of the Enfold files are still the same. The problem is with the original theme, not with any modifications. Please read the previous posts in this thread for more details.

    David

    Hi Ismael,

    Your first question is about another issue. That reply belongs in the other thread: https://kriesi.at/support/topic/color-sections-arent-displaying-full-width/. I answered it in this post: https://kriesi.at/support/topic/color-sections-arent-displaying-full-width/#post-273899. Please make sure to reply to the right thread so that other people can follow the discussions more easily.

    Another thing is, you’re adding divs around section elements like you said on your first post, “so I put a <div id=”…”> tag around that section”. Where is this?

    The divs I am adding are in my actual pages. This div is within slide 3 of the content slider. I’m not making any changes to the theme files other than to style.css (the style.css in the child theme). This is so that I can have a color section-like effect within one of my slides (slide 3) in the content slider.

    If this isn’t something we can fix, I have a workaround.

    David

    • This reply was modified 10 years, 6 months ago by DalandanUX. Reason: Added link to the post where I answered the first question
    in reply to: Color sections aren't displaying full-width #273434

    Hi Heathcliffe,

    Thanks for reporting that you’re seeing the same problem on your site. It’s a relief to find out about someone else who is experiencing this. Can you try the steps below?

    1. Install the Firebug browser extension if you don’t have it.
    2. Open the page where you’re seeing the problem in Firebug.
    3. Look for the first div class=”container” below div id=”main”. Depending on the page’s template, it may say div class=”container (more classes after this)”. As of version 2.8, most pages will have two divs with class=”container”, one inside the other. You’ll want to change the one that is immediately inside div id=”main”.
    4. Change “container” in this line to “outer-container”, or just remove it (so that it says div class=””). (See the screenshots I posted here if you’re not sure what I did: https://kriesi.at/support/topic/color-sections-arent-displaying-full-width/#post-271618.)

    Does this cause your site’s color sections to go to full width?

    Thanks,
    David

    in reply to: Color sections aren't displaying full-width #273336

    Shortcode method as Ismael described here: https://kriesi.at/support/topic/color-sections-arent-displaying-full-width/#post-265672. He gave more details here: https://kriesi.at/support/topic/color-sections-arent-displaying-full-width/#post-266304.

    In short, it’s:

    1. Turn on Advanced Layout Builder’s debug mode (as described here: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/).
    2. Open the original page
    3. The debug mode is turned on, so copy the shortcodes out of the section of the page that debug mode shows (below the rest of the page).
    4. Turn off debug mode.
    5. Create a new page.
    6. Paste the shortcodes from step 3 there.
    7. (privately) Publish and view.

    The third slide on this page: http://amusementux.com/why-ux-idea-2/.

    in reply to: How to add a class to a button? #272723

    Edit: I replied to this thread, asking about how to put a different CSS class on each button. I found the answer here: https://kriesi.at/support/topic/custom-css-class-input-field/. Just add this line in functions.php (for the parent theme, if you are using a child theme): add_theme_support('avia_template_builder_custom_css');

    • This reply was modified 10 years, 6 months ago by DalandanUX. Reason: Found the answer in another thread
    in reply to: Color sections aren't displaying full-width #271618

    It seems like a fluke to me. I just created a new page using Ismael’s shortcode approach above, and the color sections are not full width. The page is here: http://amusementux.com/about-4/ (requires kriesi-temp login to view).

    I’ve uploaded some screenshots here: http://www.sendspace.com/filegroup/vCVZW1ipLb8I7S0Sv8SpaHcCPcqcz%2FuY. Files inside it include:

    1. About4.PNG shows how http://amusementux.com/about-3/ looks now. No full-width color section.
    2. About4-Firebug-Container.PNG shows how the page looks in Firebug without modifying any code.
    3. In About4-Firebug-outer-container.PNG, the outermost container’s class is renamed to outer-container. The color section’s background is full width.
    4. In About4-Firebug-NoContainer.PNG, the outermost container is removed (empty div). Same result as renaming the container.

    The line of code I want changed is highlighted in all three of the Firebug screenshots above.

    I am fine with removing or renaming the outermost container. Just need to know what changes to make in the template files.

    Hi Devin,

    I’ve posted the screenshot here: http://www.sendspace.com/file/cp5qqb.

    There is a workaround in case I need it (dark text, no background image), but I’d like to get the background working if we can. I’m still several work items away from being able to launch the site so that no login is required to see the Enfold Child theme.

    David

    Hi Ismael,

    When you sign in with the temp administrator account that I created for the earlier post, you’ll be able to see the page here: http://amusementux.com/why-ux-idea-2/ (navigate to slide 3).

    May I email you with the screenshot? I have a screenshot of a prototype, taken offline. I couldn’t find a way to make it work yet on the live site.

    Yes, the color section widths are still a problem. I found a possible solution, which is to remove the first div class=”container” inside div id=”main”. Please see that thread (https://kriesi.at/support/topic/color-sections-arent-displaying-full-width/#post-268698) for more details and let me know there what we should do.

    Thanks,
    David

    in reply to: Color sections aren't displaying full-width #268698

    Hi Ismael and Devin,

    I looked at this issue more today. Summary: if I remove the first div class=”container” within div id=”main” (2 levels down), this fixes the color section width issue on any of my pages which use the Default template.

    My version has the width of .container (.responsive-large .container) set at 1210px. Inside this, a .responsive_large .container .twelve.units’s width is also set at 1210px. The .avia-section color section’s width is set at 100%, but this is several more levels down from that (.template-page.content.twelve.alpha.units, article class .post-entry.post-entry-type-page.post-entry-354, .entry-content-wrapper.clearfix.avia_sortable_active, .entry-content).

    Your version has the #homepage-hero, #homepage-services, etc., divs directly inside the <body> tag, so they are not within this .responsive-large .container. Therefore, only the 100% width (1899px on my display) style is set for these divs.

    It seems like there is a problem with how the divs are being closed. The way I understand it (based on my previous software development experience), all of my color sections should be within div id=”main”. That makes sense semantically. However, it causes the color sections to not be full width.

    Possible fix: when I remove the word “container” from div class=”” (just leave the class empty) immediately inside div id=”main” and div class=”container-wrap…”, the color sections go to full width. And the .container class inside the color section divs means that they remain 1210 pixels wide also. This works on all of my pages (which all use the default template) except for single blog posts and possibly portfolio items. (On portfolio items, I still need to add two more rows with color sections.) Of course, you or the developer would have more familiarity with your templates and would be able to determine whether or not this is the right fix.

    Other fixes I tried: I also tried changing the .container width in Firebug, but I couldn’t get the grid to remain 1210px with the .container expanded to 100%. I also wasn’t sure whether changing the .container width would have unintended consequences on pages that use other templates.

    How I got your (Ismael’s) page to break: On your page (in Firebug), I added div class=”container_wrap container_wrap_first main_color fullsize” and, inside that, div class=”container” immediately inside div id=”main”. Adding div class=”container” there caused the color sections to not be full width anymore. This tells me that my possible fix above may be correct.

    Please try the possible fix that I mentioned above and let me know if it, or a related fix, could be in the next theme update. Or, if it’s better to fix this with CSS, please let me know the best fix.

    Thanks,
    David

    • This reply was modified 10 years, 6 months ago by DalandanUX. Reason: formatting
    in reply to: Color sections aren't displaying full-width #268433

    Hi Ismael and Devin,

    I apologize in advance… long reply coming. I hope it helps. :-) I got to look at the diffs between your (Ismael’s) Homepage Test and mine:

    1. The first color section has extra parameters in your version: video=” video_ratio=’16:9′.

    2. The three placeholder-tall images on the homepage are aligned center in yours and left in mine.

    3. The middle placeholder-tall image is animated top-to-bottom in yours and bottom-to-top in mine. I intend for just that image to be bottom-to-top.

    4. Your color sections have shadow set to no-shadow. Mine are set to shadow.

    5. More categories are included in the portfolio grid on mine.

    6. Your homepage-widgets color section has an empty av_textblock at the top of it. (I think I saw this in my document’s layout later and removed it.)

    7. The testimonial subtitles are different.

    8. The title is empty on my version’s contact form because there is a custom h2 title above the form.

    9. Small differences in the contact form like the to: email address and the label for Email address.

    There are also these changes in the text between yours and mine, maybe because of edits I made to my document while working on the CSS:

    1. There are no paragraph tags around some of your paragraphs. I’ve added some paragraphs that have their own CSS classes to mine. (I’m using the Disable WPAutoP plugin on my site.)

    2. I’ve added icons above the 5 services buttons. (I have not uploaded the icon font yet, so they are not displaying.)

    3. I switched the View our Portfolio button’s class from secondary-button to tertiary-button.

    4. Under the Homepage – column 1 widget area, I added a textbox with a button for viewing more articles.

    5-6. I added a class on the h3 for Why user experience design instead of web design?. I also split that textblock to put the button into a separate textblock.

    7. I changed the testimonial widget’s header to be an h3 with its own class.

    8. I added a Park/Company field to

    The rest of the differences are just whitespace.

    So, to sum up the shortcode diffs: I don’t see any differences that may affect the color section width other than the video parameters being added to yours.

    Here are the differences in the full HTML for the two pages:

    1. Their html_entry_id_ and avia_entry_id_ numbers are different.

    2. Your page’s images and CSS are using Pagespeed to optimize them; mine are not – maybe because your page is currently my site’s homepage. Similarly, your version minimizes some CSS that the plugins have not externalized.

    3. On yours, the Tipsy Social Icons CSS is within a <style> tag instead of a <link> tag.

    4. The plugins’ scripts are imported in a different order.

    5. Mine has a <link rel=’next’ …> tag.

    6. Your page uses the .home class.

    7. The breadcrumb trails are generated differently. Quite a bit of difference here, so please refer to the files’ HTML.

    8. Mine has this between the breadcrumbs and the div id for homepage-hero:

    <div class=’container_wrap container_wrap_first main_color fullsize’>
    <div class=’container’>
    <main class=’template-page content twelve alpha units’ role=”main” itemprop=”mainContentOfPage”>
    <article class=’post-entry post-entry-type-page post-entry-354′ itemscope=”itemscope” itemtype=”http://schema.org/CreativeWork”&gt;
    <div class=”entry-content-wrapper clearfix”>
    <header class=”entry-content-header”></header><div class=”entry-content” itemprop=”text”>

    9. The color section id’s in mine also contain classes like avia-builder-el-0, el_before_av_section, and avia-builder-el-first. These are also present in other things I built with the Avia editor, such as images.

    10. There are <main> elements associated with each color section ID in yours.

    11. My contact form uses a fieldset and classes like textare_label hidden textare_label_avia_message_2.

    12. Yours has some obfuscated JavaScript toward the end, starting with var addComment.

    I’ll continue looking into this to see if one element on the page seems to be causing the color section width to break. Firebug might show me this.

    Was your version created after I upgraded to Enfold 2.7.1? Would I be able to resolve this issue by creating new documents with the latest version of Enfold?

    Devin – Thanks. Right, I wasn’t going to change the raw shortcodes unless someone here instructed me to do that. I just turned on the debug mode long enough to do the diff above.

    I’ve commented out the code for adding the debug mode. Feel free to turn debug mode back on if you need it for looking at this issue. Also, if you need them, I have saved files containing the shortcodes for both of our versions of Homepage Test. Could I email these to you?

    Thanks,
    David

    in reply to: Color sections aren't displaying full-width #267775

    Hi Ismael,

    Thanks. Should I make this change in the parent theme’s functions.php file? In my child theme, functions.php is mostly blank.

    Tomorrow, I’ll plan on doing a diff between my Homepage Test and yours to see what, if anything, jumps out at me regarding the color sections and related width issues. I probably have made some other modifications to that page while I’ve been working on fine-tuning my custom CSS.

    Thanks,
    David

    in reply to: Color sections aren't displaying full-width #266068

    Hi Ismael,

    Thanks. However, I knew about that already (please refer to my original post). This solution seems quite unreliable to me. My Homepage Test and your Homepage Test have the same contents, right? I am able to edit either of those pages using the Avia Layout Builder, yet yours is showing the full-width color sections and mine is not. I wasn’t able to use the regular editor on your page in visual or text mode to verify the shortcodes.

    My Homepage Test page was built by adding one widget or row at a time and saving each new version. Each time, I verified that the color sections were still full width. When I made the theme’s homepage my Homepage Test page last week (right before my first post) the full width color sections stopped working and haven’t worked since on that page.

    So, I’m also concerned about the maintainability of this solution going forward. I’m worried that whenever I have to update a page in the future, I will have to recreate the entire page or the color sections will break. I’d also lose the ability to revert to a previous revision of a page. This is too much work, and I haven’t had this problem with any other theme I have used.

    Are we trying to work around a bug in the Avia Layout Builder here? Can this bug be fixed in the next update to the layout builder or the Enfold theme?

    Thanks,
    David

    in reply to: Color sections aren't displaying full-width #265453
    This reply has been marked as private.
    in reply to: Color sections aren't displaying full-width #265290
    This reply has been marked as private.
    in reply to: Color sections aren't displaying full-width #264825
    This reply has been marked as private.
    in reply to: Color sections aren't displaying full-width #264807
    This reply has been marked as private.
    in reply to: Color sections aren't displaying full-width #264655
    This reply has been marked as private.
Viewing 30 posts - 1 through 30 (of 32 total)