[Gerald]

I have a thin line between the secondary menu and the slider on my home page. The line appears to be green. How do I get rid of this line? Or at least change the color?

plexpod.com

[Gerald]

1. How do I center the Homepage Headline and Subheadline?
2. How do I center the homepage featured content headline?
3. Is there a way to create gaps between the sections of the home page in order to see the back ground image occasionally as you scroll down the page?
4. Is there a way to add more gap to the sides of the page, in order to see more of the background image?
5 I cannot get this page (plexpod.biz/mission/) to format to “No sidebar, Full Width”. I want to get rid of the white around the image so the image can be full width.
6. How do I prevent page titles from appearing at the top of the body in each page.

[Sakin]

@Gerald: To remove the line between the secondary menu and the slider, you can add the following css in “Appearance => Theme Options => Custom CSS” box:
#masthead { border: none; }

[Sakin]

@Gerald:
1. You can add the following css in “Appearance => Theme Options => Custom CSS” box

#homepage-message .left-section {
    text-align: center;
    width: 100%;
}

2. You can add the following css in “Appearance => Theme Options => Custom CSS” box

#featured-post .entry-title {
    text-align: center;
}

3. This is bit complicated. But I will try. Add the following css in “Appearance => Theme Options => Custom CSS” box

.home .site {
    background: none transparent;
}
.home #masthead {
    background-color: #fff;
    margin-bottom: 20px;
}
#main-slider,
#homepage-message,
#main #featured-post {
    margin-bottom: 20px;
}

4. This has already been solved by answer 3

5. You can add the following css in “Appearance => Theme Options => Custom CSS” box

.no-sidebar-full-width #main {
    padding-left: 0;
    padding-right: 0;
}

6. You can add the following css in “Appearance => Theme Options => Custom CSS” box

.page .entry-header {
    display: none;
}

[Gerald]

Wow!Thanks Sakin! Everything worked really well, except… #masthead { border: none; }

Notice the green line (1 pixel wide) between the secondary menu and the slider. I would like to get rid of that small green line. Any ideas?

Thanks for everything else! Great support!

[Sakin]

@Gerald: I see that there is extra css which is adding the border. Can you check if you could find the following css. If you find that then please delete that.

#masthead {
    border-bottom: 1px solid #6a6;
}

Otherwise, you need to replace #masthead { border: none; } with the following css:
.site #masthead { border: none; }

[Gerald]

Found it – thanks!

BTW, on the Home Page Headline Text, is there a way to spit my content between two lines?

Thank you again!

[Gerald]

One other question Sakin… is there a way to change the scrolling of the page to include an effect of elasticity? I would like the gaps between the sections of the page to stretch or even overlap? I’m trying to create the bouncy feel when scrolling through the content.

[Gerald]

How do I make the header top sidebar background transparent? I want to put my social media widget here but without a background.

Thanks again.

[Sakin]

@Gerald:
1. In homepage headline, you can split the content to next line by adding in the HTML code <br />

2. That bouncy effect is not there in this theme. Sorry for that.

3. I don’t see header top sidebar in your site. But to make that background transparent. You can add the following css:
.header-sidebar { background: none transparent

[Gerald]

Sakin, thanks. I put the header top sidebar back up on the site so you could see it. I added the code “.header-sidebar { background: none transparent” and added a } to the end (I expect it needs that). It didn’t make it transparent. Any other ideas on that?

Also, how do I get my background to remain static on my iPad and iPhone. It is static on my computer browser and I like the effect of it being fixed and not scrolling.

Thanks again!

[Sakin]

@Gerald: I see the following css in your custom css. Remove background color from that.
So replace

.home #masthead {
    background-color: #fff;
    margin-bottom: 10px;
}

with

.home #masthead {
    margin-bottom: 10px;
}

Then add the following css:

#masthead {
    background-color: transparent;
}

[Gerald]

Thanks. What about the static background issue. My background doesn’t scroll on my computer browser, but does scroll with the site on my mobile devices (iPad, iPhone). Can the background remain static on mobile devices?

Thanks again for all your help.

[Sakin]

@Gerald: It’s IOS issue so not sure about how to fix that. Try adding in the following css in “Appearance => Theme Options => Custom CSS” box.

body.custom-background {
    background-attachment: fixed !important;;
    background-size: cover !important;
}

[Gerald]

Sakin, take a look at my “homepage feature options section” on the home page… how do I get more pad (space) between the text and the edge of the window on the far left and right sides of the page? The words are too close to the edge on either side.

[Sakin]

@Gerald: The the previous css that I gave your for full width conflict with homepage. So, can you replace the following css:

.no-sidebar-full-width #main {
    padding-left: 0;
    padding-right: 0;
}

With:

.page.no-sidebar-full-width #main {
    padding-left: 0;
    padding-right: 0;
}

[Gerald]

@Sakin that works but then adds an unwanted pad around the slider images.

[Sakin]

@Gerald: Then unwanted pad around the slider image is there as your image is smaller then the page width. Your slider image width is just 1024px where as the required image size is width 1280px.

[Gerald]

Excellent @Sakin, thank you again!

[Author]

Posts