Hi,
I can’t seem to make head nor tail of tagDiv Composer… I understand you’re supposed to be able to create full width rows using it, but for some reason I can’t get it to work properly. I’ve tried the different ‘stretch row’ settings, but it won’t stretch beyond the width of the site. I thought I’d try WPBakery, but I get the same result – I can set the setting, but it doesn’t make a difference in the Composer view or on the live pages. The only way I can get a full width row, is via the Gutenberg Blocks Builder, using a plugin.
I did manage to create a full width footer page, which I’ve set via the Theme panel. The only way I could get this to work as full width, was to import and customise one of the footer templates. It shows as full width on pages, but still doesn’t show as full width in tagDiv Composer. Not a problem, as long as it displays correctly. However, as of yesterday, the sub-footer (1 row, 2 columns, aligned left and right) is now displaying as 2 rows stacked – it’s overriding the .td-pb-span6 (50%) setting. I looked at the footer page in tagDiv Composer yesterday (when trying to replicate the stretch settings), but didn’t change anything or re-save it. The footer/sub-footer display correctly in composer, so have no idea why it’s showing as broken on all pages…except one.
I tried re-saving the footer page (without making any changes), but that hasn’t made any difference and I can’t see anything special about the one page where the sub-footer is showing correctly – even the sample page which came with the theme and that I haven’t touch, is showing the broken sub-footer now. To confuse things further, having re-saved the footer page and it making no difference to existing pages, I created a new page in tagDiv Composer (just a client, inline text and a couple of empty space elements), just to see the result. NOW the sub-footer in Composer is broken, but displays fine on the actual page…
What’s going on?? 🙁 Unfortunately I can’t share a live link, as I’m working locally, but if you tell me what info you need, I should be able to find it and report back/provide a screen grab.
Many thanks in advance!
Hello !
In order to make the site full width you have to select every row of your page using the tagDiv Composer and then set the stretch mode you want like here : https://www.screencast.com/t/BkWwdHh6
In order to make the post page full width you will have to add a single post template and then edit it. Check more about how to have single post template here: https://tagdiv.com/customize-articles-with-single-post-templates/ And for the header you can do it here: https://www.screencast.com/t/xf56tQN0.
These are the ways you can increase your page width from theme options. Anything above this will require custom code.
Let me know if this helped you !
Thank you !
Hi Vlad,
No, I’ve seen this answer before, so it hasn’t really helped and you haven’t commented on the issue with the footer.
I don’t need the whole site to be full width, I just need the odd row to stretch to full width, ie to accommodate a background image or colour. To clarify, if I have a page with 8 rows and want one row @ full width, I must select each row individually and set it to stretch (whichever setting is appropriate, as long as it’s not the default). Is that correct?
What about the footer ‘page’? It consists of only 2 rows, both are obviously set to stretch, but it doesn’t show as stretched in tagDiv Composer – is this the way it’s supposed to work? Thankfully it does actually stretch on the page, but as detailed above, the 2 columns in the sub-footer are stacking, instead of showing inline (even though it was fine before and hasn’t been changed).
Any thoughts?
Hello !
If you want to have 2 or more rows inline you can choose by simply clicking on the ROW tab while editing with tagDiv Composer and choose the layout you want: https://www.screencast.com/t/JUoAmyvxf
Let me know if this was helpfull !
Thank you !
Hi Vlad,
That’s what I did, it was certainly working across the site in the beginning and it still is on one page. However, on the pages that are broken .td-pb-span6 is being overwritten by .vc_column_container: 100%, whereas on the page that is displaying properly, it applies the 50% width (I can send you screen grabs, if you like).
I’ve just checked in tagDiv Composer – the outer row is set to 1 column, stretch row and content (with padding). The inner row is set to 2 columns, full width content. Shall I recreate it, as just 1 row with 2 columns? I’m worried something will break if I start messing with it.
I don’t understand why the 50% width is being overwritten on all pages, except one. Is that not weird?
Thanks
Hi Vlad,
Ok, after much head scratching and page testing, there is definitely something wrong with my theme.
1) Even if I import a page or section template in tagDiv Composer and do nothing to it, except save and view. None of the rows will display as full width. This is the case in Composer and the page itself.
2) I created a new footer page, using an imported template with a similar layout to my own (1 row/3 columns for the footer, 1 row/2 columns for the sub-footer). I did nothing to it, except set the sub-footer menu and reduce the font size.
– The result: in tagDiv Composer, the columns are stacked in both the footer and sub-footer and neither row shows as stretched. When viewed in situ on a page, the rows and columns behave as they should and align horizontally. Small win…
– For some reason, the last couple of days the import feature isn’t working properly either. When I click the button to import, the confirmation box appears behind the import modal – the only way to click OK is to add display:none to the modal via Chrome Dev Tools.
3) Unfortunately, #2 only works with pages created using tagDiv Composer and WPBakery. Any pages created using Gutenberg, seem to break the footer CSS. The page structure (for the footer section/page) is the same, but some of the same CSS is being overwritten, as it appears to come after in order of specificity. In Chrome Dev Tool, the ‘winning’ styles appear above the ones being overwritten.
– In pages created using tagDiv Composer or WPBakery, I still can’t get any rows to stretch no matter what I do (believe me, I’ve tried!).
– The only way to get stretched rows of any kind, is to build pages using Gutenberg Blocks and plugins. Which is why all of my pages are showing a broken footer, because I had to go back to basics as the other 2 methods are currently unusable.
The solution:
#ti-copyright-footer .td-pb-span6 { width: 50% !important; }
I’ve added the code to the Live CSS window for the footer page and given the row an id, so it won’t conflict with anything else (hopefully). It feels like a bit of a hack, as I’m not a developer and generally wouldn’t mess with the structure of a page, for fear it’ll mess up it’s responsiveness (media queries, etc). I haven’t tested that yet, but it’s nearly 1am, so that’s it for now…
I’m hoping this level of detail might give you a better idea of what’s going on, so that you can help me resolve it properly. I’m not convinced that’s the best fix (it was way too easy), unless you can confirm it won’t effect anything else on the site. Or perhaps you can come up with a cross device/cross platform solution?
Many thanks.
Hello !
Just to be clear, you have set the layout of the ROW not the INNER ROW right ?
I would like to take a look and see exactly what’s going on there, Please contact us via email at contact@tagdiv.com and provide admin login. Include a link to this topic in the email.
Thank you !
Hi Vlad,
I’ve set it any and everywhere that setting appears and in every combination. Likewise with the imported layouts, the settings must be correct in the original downloads, but still they don’t work – then I try all other combinations and still nothing.
I’ll email you direct, as requested.
Many thanks.
