pandoraslunchbox

I have even more of the same problem and this page came up in a google search for “what is FP roject in wordpress?”

I have no idea what FP projects means, or services.

I assume it’s to do with Front Page…but what do the widgets do? Is there a tutorial anywhere to explain them?
How does one create a project?

sorry camille.vivienne no change!

I’d also like a solution. I have a partial one, which makes ALL of the page content transparent, but I want just the background on the content area (white) to be changed, not the lettering or pictures in the page.

https://pandoraslunchbox.eu/?page_id=41

my css is this

}div#content {background-color:
alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
}

it works if I add the code to the text editor, but it seems it has to be AFTER all the other code
and must not be added into the visual editor…perhaps include a tip for us non-coders with the installation instructions?

I also tried adding

font-family: ‘wp-svg-plugin-icon-set1’ !important;

to the child stylesheet but this hasn’t worked

have given up with the theme because of this. Am using Moesia instead

hello am having identical issue any fixes that don’t need repeating after WP updates appreciated https://fr.pandoraslunchbox.eu/wp/?page_id=38

its related somehow to GOOGLE FONT PLUGIN, because it resolves if I disable the plugin

any clues anyone?

still having this issue …any solutions anyone?

Perhaps this is a feature only available on a premium version?

thank you. It still didn’t change the mobile layouts, it only made the larger screens have two columns only. I’ll stick with the one CSS change for now.

great that works thanks,

the animation works in chrome now too

The strange vertical text is the display of my titles under the widget logos in chrome and has not resolved.

Nor is the wierd “glitching” effect when I scroll down to the bottom of the page in firefox

the welcome button appears to be called “#masthead .welcome-button”

I found the CSS for the responsive layout:

}
@media only screen and (max-width: 600px) {
.hentry .entry-thumb,
.post-content {
width: 100%;
padding: 0;
}
.entry-title {
font-size: 25px;
}
.welcome-desc,
.welcome-button {
display: none;
}
}
@media only screen and (max-width: 499px) {
.project,
.service,
.employee,
.bq-text,
.bq-img {
width: auto;
}
.welcome-button {
font-size: 14px;
margin-top: 30px;

It seems to be cancelling the welcome button for all screens below 600px (bold type) so perhaps I could override this with CSS and see what it looks like?

I have no idea what CSS to use to overide the command “display:none” though, and I can’t find anything by googling or looking at css tutorials

yes, I wanted to have each widget spread across the entire footer area, in one column, rather than split into three columns because I don’t see how else to avoid the icons all bunching up together on a smaller screen size

So… I’ve changed the above code to ‘width 100%’ and I’m using two widget areas, and they are now looking like I’d like them to on big screens.

My only remaining question re: this is :
When the icons re-position onto small screens (below around 400px), do they always have to go into one column only?

My icons are only 84px wide, so two could hopefully, fit onto a phone screen.

Vlad this worked for my site too, thanks

are we not supposed to use a child theme for editing the CSS? is a child theme not a good idea for this theme? or is it just that a plugin is easier