# Baker Theme - Weird Textbox Banner on Web Page

**URL:** https://pressbooks.community/t/baker-theme-weird-textbox-banner-on-web-page/1127
**Category:** Custom CSS, Styling, Themes
**Created:** [October 2, 2019, 2:37pm UTC](https://pressbooks.community/t/baker-theme-weird-textbox-banner-on-web-page/1127 "2019-10-02T14:37:44Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![reecejr](https://pressbooks.community/user_avatar/pressbooks.community/reecejr/32/819_2.png) [@reecejr](https://pressbooks.community/u/reecejr)
#### Post date: [October 2, 2019, 2:37pm UTC](https://pressbooks.community/t/baker-theme-weird-textbox-banner-on-web-page/1127/1 "2019-10-02T14:37:44Z")

</div>

We are using 4 textboxes (blue, green, red and black) at the end of the post when we discuss a court case.

When viewed in the editor, the textboxes look normal.

When viewed in an exported PDF file, the textboxes look normal.

But if you save the post, and then “View chapter”, the banner part of the textbox only goes halfway across the box.

Here is a sample:

> **[Edmondson v. Commissioner (1981) – QuickStart Guide to Accounting for Cost of...](https://pressbooks.pub/okcogs/chapter/edmondson-v-commissioner-1981/)**
>
> JEFFREY EDMONSON aka JEFF EDMONDSON, Petitioner v. COMMISSIONER OF INTERNAL REVENUE, Respondent United States Tax Court. T.C. Memo, 1981-623, 42 TCM 1533 (1981) Docket No.…

Any ideas or suggestions?

Thank you.

---

<div class="post-metadata">

### Author: ![SteelWagstaff](https://pressbooks.community/user_avatar/pressbooks.community/steelwagstaff/32/1280_2.png) [@SteelWagstaff](https://pressbooks.community/u/SteelWagstaff)
#### Post date: [October 2, 2019, 2:49pm UTC](https://pressbooks.community/t/baker-theme-weird-textbox-banner-on-web-page/1127/2 "2019-10-02T14:49:50Z")

</div>

Hi @reecejr,

You’ve added custom CSS that changes the appearance of this element. The textboxes are inheriting this CSS:

```auto
section.chapter header {
      margin-left: 0em;
      margin-right: 0em;
      width: 50%; }

```

If you remove that width rule, or overwrite it with a rule targeting .textbox header and setting the width to 100% or auto, things should be back to ‘normal’.

---

<div class="post-metadata">

### Author: ![reecejr](https://pressbooks.community/user_avatar/pressbooks.community/reecejr/32/819_2.png) [@reecejr](https://pressbooks.community/u/reecejr)
#### Post date: [October 2, 2019, 11:28pm UTC](https://pressbooks.community/t/baker-theme-weird-textbox-banner-on-web-page/1127/3 "2019-10-02T23:28:32Z")

</div>

This is the only custom CSS I have:

```
.textbox p, .bcc-box p {
    text-indent: 0em; }

.blockquote, .front-matter blockquote, .part blockquote, .chapter blockquote, .back-matter blockquote, body#tinymce.wp-editor blockquote {
    font-size: 1em;
}

.fn-blockquote, .fn_blockquote {
   font-size: 1em; }

```

I changed the text-indent to 0 because the first line of each paragraph was always indented.

I don’t see how any of my custom CSS changed the width of the textbox header.

---

<div class="post-metadata">

### Author: ![reecejr](https://pressbooks.community/user_avatar/pressbooks.community/reecejr/32/819_2.png) [@reecejr](https://pressbooks.community/u/reecejr)
#### Post date: [October 2, 2019, 11:39pm UTC](https://pressbooks.community/t/baker-theme-weird-textbox-banner-on-web-page/1127/4 "2019-10-02T23:39:49Z")

</div>

The custom CSS to which you refer is in the “Theme Ebook Styles (Baker)” for “Web”.

---

<div class="post-metadata">

### Author: ![SteelWagstaff](https://pressbooks.community/user_avatar/pressbooks.community/steelwagstaff/32/1280_2.png) [@SteelWagstaff](https://pressbooks.community/u/SteelWagstaff)
#### Post date: [October 3, 2019, 12:02am UTC](https://pressbooks.community/t/baker-theme-weird-textbox-banner-on-web-page/1127/5 "2019-10-03T00:02:09Z")

</div>

Thanks Reece. You’re quite right – this sounds like a problem with a legacy theme (i.e. Baker). I’ll file a bug report and we’ll fix in a future deploy. In the meantime, you can add this rule to your web custom styles:

```auto
section.chapter .textbox header {
width: 100%;
}

```

---

<div class="post-metadata">

### Author: ![reecejr](https://pressbooks.community/user_avatar/pressbooks.community/reecejr/32/819_2.png) [@reecejr](https://pressbooks.community/u/reecejr)
#### Post date: [October 3, 2019, 12:43am UTC](https://pressbooks.community/t/baker-theme-weird-textbox-banner-on-web-page/1127/6 "2019-10-03T00:43:09Z")

</div>

Very interesting. It is not in the Ebook or PDF code.

Thank you for you help.

---

<div class="post-metadata">

### Author: ![reecejr](https://pressbooks.community/user_avatar/pressbooks.community/reecejr/32/819_2.png) [@reecejr](https://pressbooks.community/u/reecejr)
#### Post date: [October 3, 2019, 12:46am UTC](https://pressbooks.community/t/baker-theme-weird-textbox-banner-on-web-page/1127/7 "2019-10-03T00:46:06Z")

</div>

Thank you for your help. It is fixed.

---

<div class="post-metadata">

### Author: ![SteelWagstaff](https://pressbooks.community/user_avatar/pressbooks.community/steelwagstaff/32/1280_2.png) [@SteelWagstaff](https://pressbooks.community/u/SteelWagstaff)
#### Post date: [October 3, 2019, 1:11pm UTC](https://pressbooks.community/t/baker-theme-weird-textbox-banner-on-web-page/1127/8 "2019-10-03T13:11:19Z")

</div>

You’re welcome. I think what happened here is that the Baker theme originally had some CSS in the webbook that made section header text 50% width (that’s what gives the chapter titles their half-page effect in webbooks). It’s an older theme, and when we added the ability to make additional textboxes (which also have little header elements in them), we didn’t catch that the CSS rule for the webbook set their width to 50%. It’s easy enough for us to fix, and a patch will come out on in our next release. If you encounter other bugs in the future, please consider reporting them here: [https://pressbooks.com/report-a-bug/](https://pressbooks.com/report-a-bug/)
