Docs

[jjenkins]

Hey,
I have designed a website for a school and for some reason when I go to the News and Events section of the site the blog/announcements are unable to be read. The background is white and the text is light grey. I have searched through forums and gone over everything and cannot figure out how to change it. Also since I am unable to use cornerstone to edit the page it makes it twice as difficult. I have attached an image of the page and how it shows.

Thank you for your time.

[Friech]

Hi There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Please re-upload your screenshots too.

Cheers!

[jjenkins]

Good Morning,

The URL is http://2016.fbslaurel.com/index.php/news-and-events/ also the home page is only displaying half of the page and revolution slider is not working properly.

[Christian]

Hey Jenkins,

Looks like you haven’t configured the Ethos and Typography settings in Appearance > Customize. To quickly, style your site, please load the Ethos 1 demo in Addons. Please also see X and Cornerstone usage instructions in our Knowledge Base.

Would you mind giving us more details regarding the Slider Revolution issue? Please give us the URL of the page where the slider is.

Thanks.

[jjenkins]

Thanks so much for helping me with the blog issue. I cannot believe that I did not see that option before and put it together.

On the homepage located at http://2016.fbslaurel.com/ , I used to have the WordPress/X theme toolbar on the top where I could customize the page or use cornerstone. It no longer shows at the top of the page above the header. The revolution slider now appears as white and nothing shows. I also only have half of the page which is visible to scroll through. I can see the whole page, the slider, and get into cornerstone when I go through the dashboard > all pages > home (front page) > cornerstone. But, when I click view site, the slider then goes white and I am again only able to view half of the page.

Thanks again for taking the time to help me with this. You all are the best!

[jjenkins]

Also, is there is way to change the background color from white to another color in the news section?

[Friech]

Hi There,

You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Regarding the Background Color, navigate to Appearance > Customize > Layout and Design > Background Color.

Hope it helps, Cheers!

[jjenkins]

Good Morning,

I deactivated all of my plugins and then began to add them back one by one and still had the same issue. The first plug in I added back was Cornerstone. Revolution slider just appears as a white bar at the top and I am only able to view half of the web page when scrolling. I do not see anything in the code/script that would cause this issue or I could just be overlooking it somehow. The odd thing is when I “backdoor” access through the dashboard > all pages > home (front page) > cornerstone it appears exactly as it should. The slider works, the cornerstone toolbar is at the top, and I am able to scroll through the full page, but when I click to view page it goes back to the same issue I keep having.
I also tried to change the Background color from white to another color and there is no change. The block region still appears white. The right sidebar has an image but the main blog area’s background is still completely white with black text. I would like to change the background to a navy blue and the text to white.
Would you like my login information to see if you are able to figure out the issue since that might be easier?

Again Thank You!
Justin

[Joao]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[jjenkins]

This reply has been marked as private.

[Jade]

Hi there,

Thanks for the details.

Kindly check the contents of the Text Elements on the homepage and make sure that every opening HTML tag that needs to have a closing pair is properly closed. Forgetting to close html tags would normally cause the page to behave unexpectedly.

Let us know how it goes.

[jjenkins]

Alright I went through and checked all the text elements and erased a google calendar that I entered code for in a text element and the page works perfect again except now I do not have the google calendar on the homepage. Can you look at the code below which I entered into a text element for the calendar and see where I messed up so that I may re-add it to the home page in a text element?

<iframe style=”border-width: 0;” src=”https://www.google.com/calendar/embed?showTitle=0&showNav=0&showPrint=0&showTabs=0&showCalendars=0&showTz=0&mode=AGENDA&height=400&wkst=1&bgcolor=%23FFFFFF&src=fbsl.calendar%40gmail.com&color=%23060D5E&ctz=America%2FNew_York&#8221; width=”300″ height=”250″ frameborder=”0″>

Thank you!

[Rue Nel]

Hello There,

Thanks for updating us in!

1] To change the background color from white to another color in the news section, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-container.main:before {
    background-color: red;
}

Feel free to change the color so that it will match with your site colors.

2] The correct Google Calendar should be like this:

<iframe style="border-width: 0;" src="https://www.google.com/calendar/embed?showTitle=0&showNav=0&showPrint=0&showTabs=0&showCalendars=0&showTz=0&mode=AGENDA&height=400&wkst=1&bgcolor=%23FFFFFF&src=fbsl.calendar%40gmail.com&color=%23060D5E&ctz=America%2FNew_York" width="300" height="250" frameborder="0"></iframe>

Always remember and make sure that the html tag were properly closed when inserting an html code.

Hope this helps. Kindly let us know.

[jjenkins]

Those worked perfect and Cleared those issues up! Thank you all again so much.

Now two more things that I have noticed and I will have no more issues and everything will be perfect.

Above the revolution slider on the homepage at the URL http://2016.fbslaurel.com/. There is code that says [layerslider id=”5″]. I cannot figure out where this is coming from and how to get rid of it.

Also when using the recent news element on my home page at the same URL as above in the News and Events section the background for the posts are still showing white like the news page did. I am able to see the date because it is in Grey but I am unable to see the text since I changed it to white in the body text option in the customize area to match the rest of the pages. How can I correct this issue?

[Joao]

HI There

Click Edit Page > Scroll down until you find Slider Below Masthead > Select Deactivate it.

Please add the following code to Appereance > Customizer > Custom > CSS

.x-recent-posts .h-recent-posts {
    color: black;
}

Hope it helps

Joao

[Author]

Posts