Im working with an advertisement company that needs me to change the posting settings for Template Style 11. Here is the information they sent me but I have no idea where to fix this. Need help:
We noticed that sometimes the flex code would populate the towers toward the middle, covering your content, instead of on the sides which is how it is suppose to load. This is the flex code as you have it on there now:
/* Flex */
cf_page_artist = “Insert artist variable here”;
cf_page_song = “Insert song variable here”;
cf_page_header = “.td-header-wrap”;
cf_page_element = “.td-main-content-wrap”;
cf_page_footer = “.td-sub-footer-wrap”;
cf_adunit_id = “39384221”;
cf_flex = true;
The highlighted section in the code tells our flex where your article’s content is, so it will expand around that. We would need you to make some slight adjustments to your CMS, because posts that contain videos are not outlined by the cf_page_element. Below, Steve our dev, laid out a solution to get around this issue. Please take a look and let me know if you are able to make these adjustments. Thanks.
the source code of this highlighted area looks like this:
<article id=”post-6248″ class=”td-post-template-11 post-6248 post type-post status-publish format-video has-post-thumbnail hentry category-gossip-grounds tag-kanye-west tag-kim-kardashian tag-kylie-jenner post_format-post-format-video” itemscope=”” itemtype=”http://schema.org/Article”>
<div class=”td-video-template-bg”>
<div class=”td-container”>
<div class=”td-pb-row”>
—
—
— so on
We proposed to add the class name, td-main-content-wrap, to the <article> tag, so our CF Flex Code knows it should expand the distance between the towers, to match the width of the <article> element – which is where the content lies.
The new source code would look like this:
<article id=”post-6248″ class=”td-main-content-wrap td-post-template-11 post-6248 post type-post status-publish format-video has-post-thumbnail hentry category-gossip-grounds tag-kanye-west tag-kim-kardashian tag-kylie-jenner post_format-post-format-video” itemscope=”” itemtype=”http://schema.org/Article”>
<div class=”td-video-template-bg”>
<div class=”td-container”>
<div class=”td-pb-row”>
Where do I go to change this? my site is http://TripleHQ.com if this helps. Thanks
Hi,
I have added td-main-content-wrap here – http://screencast.com/t/OFnYEPAJdtU and did not break the layout – http://screencast.com/t/L1mb4ooB so you can test this on your side and see how it works.
Thanks!
-
This reply was modified 10 years by
Alin [tagDiv].