Docs

[LumoDesign]

Hi,

I’m in the process of building this site: http://cmr.flywheelsites.com

I’ll put all the login details in a private post after this.

The main problem I’m having is the Font on the Home page/ Front Page from about half way down the page is showing as bold or . Even in the footer.

Whats strange is it shows as it should do (not bold/strong) on the next 2 pages that I’ve started to build ‘Ethical Growth’ & ‘Ethical Fixed Income’.

I even tried making a cornerstone block template from the front page and place it on the other pages and it didn’t show bold on the secondary pages.

I have emptied the cache several times and restarted my computer just to make sure.
Can you help please??

I also have other spacing etc issues with the footer.

1. How do I close the line spacing of the widgets in the footer?

2. How can I reduce the Padding above and below the widgets in the footer?

3. How can change the non-hover state of the links in the footer to the grey colour?

4. Is it possible to place a Twitter widget in the space that I have left.
I originally designed the site from one of the X-photoshop templates that had a twitter widget in the footer, so I’m assuming this is possible?
I’ve attached a screen shot of the original template and the flat design that i’m trying to recreate.

Thanks in advance for your help 🙂

[LumoDesign]

This reply has been marked as private.

[Prasant Rai]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

footer.x-colophon.top {
    padding: 10px 0 !important;
}

footer.x-colophon.top .textwidget {
    line-height: 1.5 !important;
}

footer.x-colophon.top a {
    color: #828282 !important;
}

Yes, you can place Twitter widget in that area. You can use official Twitter plugin to display Tweets.

Twitter

Thanks.

[LumoDesign]

Thanks so much for the Answers, they worked a treat.

I do have a couple more questions:

1. I need help on styling the twitter widget to the same styling as attached screen shots.

2. I didn’t get an answer to my main problem in the original post.
If you go to the front page it seems the text is mainly using the STRONG tag
but it is not the case on all the other pages.
I can see the strong tag in the chrome inspector but I don’t where its getting that instruction from. I don’t want it to be strong.

Thanks

Ed

[Nabeel A]

Hey Ed,

Thank you for updating the thread.

1. Do you need to style the Twitter stream? If yes then it can’t be styled directly because it is using an iframe and you can’t style it directly.

2. You had an unclosed <strong> tag in the content, I went ahead and fixed it. Please reload your home page.

Hope this helps!

[LumoDesign]

Hi Nabeel,

1. Yes I was trying to replicate the styling of the twitter widget on the x-photoshop templates that I downloaded from you guys. I did manage to style the twitter stream to not have any background and scroller and link colour. I just couldn’t work out how to remove the images from the stream and change the font to the same as the site.

2. Ahh thats great on the STRONG tag, thanks for removing it…where was it by the way so I can watch were I’m putting them in future?

Many many thanks, you lot are doing a great job 🙂

Ed

[Nabeel A]

Hi again,

1. Regretfully you can’t style the social stream via CSS but you can control the frame around the list of compact Tweets displayed in a list template. See https://dev.twitter.com/web/embedded-timelines#custom-chrome

2. The <strong> tag is used in your title that says “By 2050, Muslims will make up 30% of the global population..” It didn’t have the closing tag.

Hope this helps!

[Author]

Posts