Need some help

[mamasoxfan]

I'm trying to figure out how to make my graphic to fit the whole length of the category board. Example in picture below of what I mean.

No matter what I do I can not get that graphic to fit the entire length of the category board heading. I've tired to make it bigger (Result in the graphic it just makes it to where I can't see the words) and I've tired to make the graphic smaller it's just not working.

picture is from my phone because I can't figure out how to take a screenshot from my laptop.

[Retread]

Apr 9, 2021 6:09:25 GMT -8 mamasoxfan said:

No matter what I do I can not get that graphic to fit the entire length of the category board heading.

Hi mamasoxfan

I think I have a solution for you. In theory, this should cause the image to fill the width of the heading and automatically adjust for the viewport width on various screens.

From your Admin panel, navigate:
Admin Home> Themes> Advanced Styles & CSS
Select the desired theme in the dropdown to the right of: Current Theme
Click on the Style Sheet tab.

Use the scroll bar to scroll to the very bottom of the Style Sheet, then click after all the contents and hit the enter key on your keyboard to add a few blank lines.

Copy this, then paste it into the bottom of the Style Sheet.
/* Full-width image in category title-bar */
.container.boards > .title-bar.bbcode h2 {
   width: 100%;
}
.container.boards .title_wrapper img {
   width: 100%;
}
/* End of Section */

Click the Save Changes button at the bottom of the page or the Save Theme button near the top.

---

Please let me know if this achieves the desired results.

[mamasoxfan]

Apr 9, 2021 7:36:43 GMT -8 Retread said:

Apr 9, 2021 6:09:25 GMT -8 mamasoxfan said:

No matter what I do I can not get that graphic to fit the entire length of the category board heading.

Hi mamasoxfan

I think I have a solution for you. In theory, this should cause the image to fill the width of the heading and automatically adjust for the viewport width on various screens.

From your Admin panel, navigate:
Admin Home> Themes> Advanced Styles & CSS
Select the desired theme in the dropdown to the right of: Current Theme
Click on the Style Sheet tab.

Use the scroll bar to scroll to the very bottom of the Style Sheet, then click after all the contents and hit the enter key on your keyboard to add a few blank lines.

Copy this, then paste it into the bottom of the Style Sheet.
/* Full-width image in category title-bar */
.container.boards > .title-bar.bbcode h2 {
   width: 100%;
}
.container.boards .title_wrapper img {
   width: 100%;
}
/* End of Section */

Click the Save Changes button at the bottom of the page or the Save Theme button near the top.

---

Please let me know if this achieves the desired results.

 

It did help. But still does not stretch the whole length of the category bored. There is still open space on either side and on top of it.

[mamasoxfan]

Never mind i figured it out.

[wendynow]

show me then?

[mamasoxfan]

Apr 12, 2021 18:21:14 GMT -8 wendynow said:

show me then?

I used the code that Retread posted.. Then took the gradients out of the category boards. It was a pretty simple fix.