wongpk

It is best you use a custom CSS plugin, if you have Jetpack plugin, it should have included the custom CSS functions.

Use this code:

body {
background-image: none;
}

You may look into the stylesheet if you don’t want to use the custom CSS.

Here is a few steps you can try:

1. Install and activate Jetpack plugin
2. Activate Custom CSS from Jetpack
3. Go to Appearance -> Edit CSS
4. Key in this CSS:
   body {font-size: 1.2em;}
   You can customize the size (1.2em) to any size you preferred

Here is a few steps you can try:

1. Install and activate Jetpack plugin
2. Activate Custom CSS from Jetpack
3. Go to Appearance -> Edit CSS
4. Key in this CSS:
   .header-form {display: none;}

Not sure if that works, I just look at the CSS from the theme.

WordPress.COM modified the theme for their site usage. You may want to download from WordPress.COM version instead: https://theme.wordpress.com/themes/adelle/

Are you a self-host WordPress or WordPress.COM blog? WordPress.COM may not support any Javascript on their content including the widgets.

I don’t think this theme has any post format. The screenshot theme should be from WordPress.COM. It is a modified version of this theme.

This will be some CSS related. It is best if you have Jetpack Custom CSS activate so you don’t edit the theme file directly.

.nav {
background: #cccccc;
}

You should change the color code to suit your need.

Hi there,
1- Use Google Chrome Inspector (https://cs.brown.edu/courses/cs132/resources/inspector/) to find the right CSS class

2- Add in the CSS class and style the font size

E.g: Siderbar widget title
.side-widget h3 {font-size: 1.2em;}

Something like that.

Hi there, try this CSS?:

@media all and (min-width: 1025px) {
  .section {width: 640px;}
  .aside {width: 300px}
}

Hi there, try to deactivate the Pinterest plugin?

I think you missed a word there, the… of the navigation?

Hi there,

Try this:

1- Activate Jetpack plugin
2- Activate the Custom CSS in Jetpack setting
3- Add these lines in the Custom CSS (Appearance -> Edit CSS)

.nav {
	background: #fff;
}

.nav:before,
.nav:after,
.nav:before,
.nav:after {
	border: none;
}

.nav a,
.nav a:hover {
	color: #000;
}

.nav ul ul {
	background: #fff;
	-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.3);
	box-shadow: 0 0 5px 1px rgba(0,0,0,0.3);
}

Hopefully that helps.

I think there are differences between the theme on wordpress.COM and www.remarpro.com. wordpress.COM do customize the theme for their users.

You may want to consider download wordpress.COM version of Adelle theme here: https://theme.wordpress.com/themes/adelle then check if it is the same as the one you used when hosted with wordpress.COM.

@wpyogi: Ah… Correct, forgot about that…

@scrawford85: Try to add your necessary CSS class. Try this tool: https://www.youtube.com/watch?v=Mhb4n0yGYT4

Check for more CSS if needed: https://www.w3schools.com/css/css_font.asp

You’ll need to centerize the DIV via CSS. Go to Appearance -> Editor and edit the style.css, add in:

.featured-content .has-post-thumbnail .entry-thumbnail {
margin: 0 auto;
float: none;
}