Page Lines Off or Less defined

Support
#1

I would like to turn off or disable or make less defined the page lines here are some screenshots

One image is from the bottom of the page and one is from the top of the page;

#2

Hi There,

Thanks for writing in!

To help you on this we need few details from you. Please let us know which stack you are using for your site if possible URL of your site in a secure note so that we can suggest you better.
Look like you are using Integrity stack, if so.

Please add this css in your global CSS.

.x-navbar, .x-colophon {
 box-shadow : none !important;
}

Let us know how it works.

Thanks

#3

ok that took off the shadow what if I would like them to not appear and yes im using integrity

Thanks

#4

Hi There,

Did you just started working on the site? That lines and shadows is a feature/styling of Integrity, even if we remove that line/shadow on the header and footer, you’ll still see that accent on the other parts of the site.

I advise that you switch to Icon stack (minimalistic) or Renew stack (flat) instead. You can switch stacks under Theme Options > Stacks.

Stacks

Thanks,

#5

no im not trying to change the stack is there a way to not have them visible in this stack?

#6

Hi there,

Thanks for writing in again!

Can you please post a screenshot what exactly you want to achieve. Seem we have little confusion here.
Please help us to understand what exactly need to achieve here.

Thanks

#7

In this 1st photo you will see a header page line this divides the header menu and the 1st section content, can I turn that line off? I would like to have this no show up on any page

This 2nd photo is a blog post page screenshot, every page has this extra section and its not even a section in the cornerstone builder so how can I turn that off but also how can I turn off the line that is the section end line. The line above footer menu is ok. but the line above that is not ok.

#8

Hello There,

To resolve your issue, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-navbar,
.x-colophon.top {
    border: none;
}

We would loved to know if this has work for you. Thank you.

#9

It worked Thanks - only for the top and all pages except how about the bottom see this image its the portfolio posts all have these lines. + how can I move the text - Title and portfolio info up more? So its not wasting so much space. plus the social share icons. I just need to loose the wasted white space.

Like this

Image of post
Text Social Icons

Footer Menu

#10

Hey @rotation,

I’m sorry but I could not see a specific link to your page in this thread so I could not give a specific answer/solution or code. Please give us the link to the page. For the meantime, please try the solutions below

.single-x-portfolio .entry-wrap {
    padding: 30px;
}

For more padding control, please see https://www.w3schools.com/css/css_padding.asp

The space above the footer menu looks like the Footer Widget area. Please go to Appearance > Theme Options > Footer and set Footer Widget Areas to None.

Thanks.

#11

Footer widget area fixed Thanks, but not post page it moved up a bit by that code for post page seems to still be a footer widget area. + the line after the image I would like to make that disappear.
should be:
image
text
Fotter

#12

Hello There,

Please update the css code I gave in my previous reply. Please use this code instead:

.x-navbar,
.has-post-thumbnail .entry-featured,
.entry-wrap,
.x-colophon.top,
.x-colophon {
    border: none;
    box-shadow: none;
}

Please let us know how it goes.

#13

That got rid of the lines

but now I have No line for the footer…
Plus how can I move that text up and social icons up?
so much white space,
How can I edit the padding for the social share Text and Icons?
How can I edit the padding for the portfolio description? Thanks

#14

Hey There,

If you want to have a line in your footer, please update the code and use this:

.x-navbar,
.has-post-thumbnail .entry-featured,
.entry-wrap {
    border: none;
    box-shadow: none;
}

And to move up the text and social icons up, please use this code:

.site .x-container.max.width.offset {
    margin-bottom: 0;
}

.site .has-post-thumbnail .entry-wrap {
    padding-bottom: 20px;
}

To edit the spacing of the social icons, please use this:

.x-colophon.bottom .x-social-global a {
  margin-left: 5px;
  margin-right: 5px;
}

For the padding of the portfolio description, please illustrate it in a screenshot which of the spaces for the description you want to adjust.

Please let us know how it goes.

#15

the space between the image and the text

<img src="//tco-forum-uploads.s3.amazonaws.com/original/3X/b/d/bd9d10ca1e1ceaafd2e41aa09fcca5aac9a09a39.png" width=“599” height=“379”>

#16

Hi,

You can add this in Theme Options > CSS

.single-x-portfolio .entry-content {
    margin-top: 1.25em;
}

.single-x-portfolio .site .has-post-thumbnail .entry-wrap {
    padding-top: 10px;
}

Change margin-top and padding-top as you like.

Thanks

#17

yes this is better thanks

#18

You’re most welcome!

#19

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.