Too many horizontal breaks « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Angular

Too many horizontal breaks

13 posts from 5 voices

Started 9 months ago by mnyarar
Latest reply from Ismael
This topic is not a support question

Tags:

mnyarar
Member

I'm disturbed with too many hr tags. How/where can I remove those tags, for example: for sidebar. I checked the code from the editor but I couldn't see any hr tag.

Posted 9 months ago #
mnyarar
Member

Those are not necessarily to be hr tags, could be css as well. Anyway, another example is 2 consecutive dotted lines under a blog post, which makes too many horizontal lines in a page, really disturbing :(

Posted 9 months ago #
mnyarar
Member

please check http://niyaziyarar.com/hello-world/

Posted 9 months ago #
Dude
Dude
Hi!

Add following code to css/custom.css to remove the space/borders between the widgets:
```
.widget {
    padding: 15px 0;
}

.widget .seperator.extralight-border{
display: none;
}
```
Regards,
Peter
Posted 9 months ago #
mila_m
Member

Hello,

What about under the Logo and header. When there's no block text, the portfolio nav tabs (+, -, x) overlap those rulers but I can't find where to remove them? ie: http://www.v-u.ca/files/Picture6.png

Much appreciated!

Posted 9 months ago #
Ismael
Moderator

Hi,

Are you using the Frontpage template built on the Template Builder? You can remove the horizontal ruler element above the portfolio element.

Regards,
Ismael

Posted 9 months ago #
mila_m
Member

The only element on my frontpage template is the portfolio element. I double-checked - the frontpage is set to use the welcome page which uses the frontpage template. I figuued out how to remove the hr from under the portfolio category header by creating a new template for the other pages/categories but I still can't find where to remove the one just below the logo/main header.

Any thoughts?
Thanks!

Posted 9 months ago #
Devin
Moderator

Hi mila_m,

Can you set up the page so that we can see where you are having the issue?

Regards,

Devin

Posted 8 months ago #
mila_m
Member

Hi Devin,

Under the logo (the nav is now under the logo so in this image it's the hr line under the nav)
http://www.v-u.ca/files/hr1.png

and also above the footer:
http://www.v-u.ca/files/hr2.png

These lines are constant throughout the site so they're not part of a custom template. My client wants a super minimal, clean site so I want to remove these but can't find where.

Many thanks!

Posted 8 months ago #
Devin
Moderator

Can we see this live? I'll need to inspect the css and see what class is causing the spacing or else I'll just be shooting blind with any css changes.

It could be the padding on the container class or some new padding on the HR element but again, we can't know for without seeing it live.

Regards,

Devin

Posted 8 months ago #
mila_m
Member

Thanks Devin,

Do you have an email I can send it to. I found where to remove the hr/border line in the css but the block to the left of the line is still there and I can't see where to get rid of it.

Posted 8 months ago #
mila_m
Member

Just to clarify, it's not the spacing per say, I just want to get rid of the line completely

here's another screen grab of what it looks like now with the border removed:
http://www.v-u.ca/files/hr3.png

Thanks a lot for your help!

Posted 8 months ago #
Ismael
Moderator
Hi,

Try to add this on your custom.css
```
.primary-background.seperator-addon.seperator-bottom {
display: none;
}

#header .container {
border-bottom: none;
}
```
I don't know what is the hr at the bottom of your portfolio items.

Regards,
Ismael
Posted 8 months ago #