Enlarge content size fits adsense better

  • Resolved passegua

    (@passegua)


    9 years, 2 months ago

    In my sinapsi.org I made this minor change in style.css in order to better fit the adsense banners.

    At line 1483 from the original max-width:

    .site {
    margin: 0 auto;
    max-width: 960px;
    max-width: 68.571428571rem;
    overflow: hidden;
    }

    to this:

    .site {
    margin: 0 auto;
    max-width: 960px;
    max-width: 71.571428571rem;
    overflow: hidden;
    }

    For me it works, but I’m asking you if this is correct or should I change anything else?

    I add to this topic another issue.

    The widget area in my sinapsi.org doesn’t show the adsense skyscraper banner entirely, it’s cut in width. Why? How could I show it all? Should I enlarge % or width of widget area?

    Many thanks from a CSS totally beginner.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter passegua

    (@passegua)

    After a few experiment I realize that updating Jetpack Customize CSS as follow has done what I need.
    Now my sinapsi.org shows quite well on Firefox and Internet Explorer/Edge, but…

    In Chrome has no left margin! I tried adding padding-left: no way.

    So please anybody could help me in showing well in Chrome too?

    This is the lines in Jetpack CSS customize:

    .entry-header .entry-title a {
    color: red;
    }

    h1 {
    color: red;
    }

    .site {
    margin: 0 auto;
    max-width: 960px;
    max-width: 80.571428571rem;
    overflow: hidden;
    /* original max-width: 68.571428571rem; */
    }

    .site-content {
    float: left;
    width: 66.104166667%;
    /* original width: 65.104166667%; */
    }

    .widget-area {
    float: right;
    width: 30.041666667%;
    /* original width: 26.041666667%; */

    Thread Starter passegua

    (@passegua)

    I solved this issue using this custom CSS:

    .entry-title a {
	color: #dd9933;
	font-size: 36px;
}

h1 {
	color: #dd9933;
	font-size: 36px;
}

.entry-content {
	font-size: 20px;
}

.site {
	margin: 0 auto;
	max-width: 960px;
	max-width: 80.571428571rem;
	overflow: hidden;
/* original max-width: 68.571428571rem; */
}

.site-content {
	float: left;
	width: 66.104166667%;
/* original width: 65.104166667%; */
}

.widget-area {
	float: right;
	width: 30.041666667%;
/* original width: 26.041666667%; */

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Enlarge content size fits adsense better’ is closed to new replies.