solved tabbed widget has a strange line through it?

Zachary Moonshine
Zachary Moonshine
@zachary-moonshine
7 years ago
824 posts
I keep noticing when i create lists and put them in tabbed widgets, a strange line is put just under the text cutting part of it off any ideas what this is?
Capture.PNG.png
Capture.PNG.png  •  93KB


updated by @zachary-moonshine: 05/08/17 04:10:15PM
nate
@nate
7 years ago
917 posts
That line is the top border to the "item" class for each row in the list.

.sb-container-tabs {
    margin-bottom: -12px;
    padding: 32px 12px 0;
}

The margin is the problem. The thing is, that's in sitebuilder CSS and that margin could be needed in other places.

.col12 #sb-widget-col-0 .sb-container-tabs {
    margin-bottom: 0;
}

That will fix it but be on the lookout for tab problems in other SB widgets.
updated by @nate: 01/20/17 09:09:16AM
Zachary Moonshine
Zachary Moonshine
@zachary-moonshine
7 years ago
824 posts
if i disable sitebuilder will that fix the issue as well ?
nate
@nate
7 years ago
917 posts
No that would eliminate the page. It's built with sitebuilder.
nate
@nate
7 years ago
917 posts
Actually this is a better fix.


.connectedSortable .widget-item .item:first-child {
    border-top: medium none;
    margin-top: 12px;
}

updated by @nate: 01/20/17 10:05:25AM
Zachary Moonshine
Zachary Moonshine
@zachary-moonshine
7 years ago
824 posts
what the url of that template
douglas
@douglas
7 years ago
2,790 posts
Zachary Moonshine:
what the url of that template

It is not in a skin CSS file so you'll just want to add it to anyone of your CSS files in your skins/YOURSKIN/css/ directory.

Hope this helps!


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
Zachary Moonshine
Zachary Moonshine
@zachary-moonshine
7 years ago
824 posts
i tried putting that code in the footer tpl and nothing happened?
gary.moncrieff
gary.moncrieff
@garymoncrieff
7 years ago
865 posts
css code goes in the css file not tpl.
Zachary Moonshine
Zachary Moonshine
@zachary-moonshine
7 years ago
824 posts
are you talking about going to the site through sftp?
Zachary Moonshine
Zachary Moonshine
@zachary-moonshine
7 years ago
824 posts
ok i got it i went in through sftp and added that code to the bottom of the list css file in the skin and now it works hahahha thanks
gary.moncrieff
gary.moncrieff
@garymoncrieff
7 years ago
865 posts
Glad you got it, just remember if you plan a lot of changes you're better off cloning the skin as these will get overwritten when you update, However, giving the number of bugs being reported recently for Audio Pro, I am not sure when a good time to clone it will be, as you will have to continually patch your cloned skin.
nate
@nate
7 years ago
917 posts
The CSS has been added to Audio Pro for the next release.
Zachary Moonshine
Zachary Moonshine
@zachary-moonshine
7 years ago
824 posts
ive noticed this happening again but not at the front page of a list but if you have a list with more pages when you get to the second page it starts putting a line through it again?