Currently, I am in the process of constructing a website using wordpress. The theme has a predetermined width for all pages within a container. My goal is to confine the text within this container's width while extending the background of the <div> to cover the full width of the screen.
<div style="width: 100%; background-color: gray; background-size: 100%;">
<b>Small Wall Circuit</b><span style="font-weight: 400;">
</span><span style="font-weight: 400;">The Small Wall Circuit offers visitors nineteen unique rock formations along its path. A marked trail from Skalní náměstí leads to Janusova Hlava, where the route splits. The circuit continues towards the rocky gorge and ascends to West Viewpoint, offering a scenic panorama of the Great Walls, Tisa, and Děčínský Sněžník. Following the path through the gorge leads past Confessional Rock, Pulpit Rock, and Stone Table. Further highlights include Hercules, Monster Cave, the Provisions Slit, Swedish Camp, and the massive Castle which can be accessed by stairs or bypassed at the base. Branching right towards the ravine staircase reveals a view of the wedged boulder Bell. Another lookout showcases the Krušné Mountains and Rájecké Rocks. The path near the foot of the Small Walls progresses towards Bradavící Stone, passing Tunnel and offering a view of Elephant Leg on the return journey. Passing Chicken Feet leads to the tower with a Passage-through and uncovers two Beehives. Finally, the route circulates back to Skalní náměstí via an easy path.</span>
</div>
The above code only provides background for the container. Is there a method to establish a full width background without modifying the current theme?