Unwanted border and alignment of tiles in front page

Posted in: Newsmag
Post count: 45

Hi tagDiv team,

After updating NewsMag to 3.3.1 now I am noticing some unwanted effects. Please see the website frontpage:
http://www.goproace.com/
or screenshot : http://www.goproace.com/wp-content/uploads/2017/03/2.png

You may see that to the left side of the page there is an additional vertical line that looks to be a border. I have already set ‘no border’ for each block.

Inadvertently, it may also cause misalignment to my Block 2 and Block 6 settings.

Please advise thank you!

Post count: 23312

Hello Ace,

You can hide it with a bit of CSS code. Try the code below and place it in Theme panel->Custom CSS Area.

The code is ->

.td-pb-row [class*="td-pb-span"]{
border-left:0!important;
}

The result is here -> https://www.screencast.com/t/hJnwIrKuBy

Thanks for the message!

Post count: 45

Thanks for the tip Catalin, I will try it out and see.

Also would you happen to understand why Block 2 and Block 6 are appearing incorrectly on my site front page? For both blocks I have set to 3 columns (3×2 tiles or 3×3). Right now on desktop view these blocks show up as 2 columns and 3 rows or more.

Any help would be great.
Thanks again

Post count: 23312

Hello Ace,

I have inspected your website, and I saw that you are not using the right layout and that’s why you do not bring the best results. Try to use the 1/1 theme layout in Visual Composer like this -> https://www.screencast.com/t/Ajxz3qvQ and then you will see this effect, like this -> https://www.screencast.com/t/9XMrp8fr2 Also, if the problem is still there, please provide a screenshot with your backend in Visual Composer so I can see how you can add your blocks.

Thanks for your understanding!

Post count: 45

Excellent feedback Catalin.

Sorry the problem still persist as I have always been using 1/1 theme layout on visual composer

Check out the screenshot of the layout I am currently using – > http://www.goproace.com/wp-content/uploads/2017/03/4.png

Post count: 45

Hey Catalin, hope you are able to help us out. I had to move my front page to another URL for the meantime to circumvent the issue.

You may find that the issue with mis-aligned and unorganized blocks still occur on this page – > http://www.goproace.com/gopro-news/

Note:
– Issue occurs only for Blocks, but not Grid.
– Issue occur for pages, but not for posts.
– I tried to create new pages but each time the issue return.
– On mobile or responsive view, the site page looks to be out of alignment: all of the block and grid tiles are pushed to left side of screen, therefore not centered.

I hope you can find my testing useful

Thanks alot

Post count: 23312

Hello Ace,

I have noticed that you are using the child theme and that’s could be a reason for non-alignment for your elements. Try to revert the theme to the default state, clear all your caches, switch it to the main theme and check the results.

Hope this help and let us know how it goes!

Thanks for your understanding!

Post count: 45

Thanks again Catalin, really appreciate your insight.

You seem to be correct regarding the use of child theme possibly causing non-alignment for elements.
As previously mentioned in another thread, this issue is now [Resolved] after reverting theme to default and clearing all caches.

Thanks for your time!
Cheers

Viewing 8 posts - 1 through 8 (of 8 total)
You must be logged in to reply to this topic.