Archived topic
Target Theme - block color
8 replies · Started by Philip on June 24, 2021
I have chosen target theme from site library to work on my site. But I encounter problem in changing the "preset black color" of the container.
The part I encountered problem:
.gb-container-9146e463 {
background-color: #666666;}
Is it possible to change via the customizer rather than adding this css code?
also, I have some questions about adding a new page. I found the above container will be missing when I create a new page. what should I do to retain the same style. I want to keep the black container.
Thanks a lot!
Hi Philip,
That selector is for GenerateBlocks' Container Block.
If you wish to change it's styling, you should do it on the Block editor and select the container you want to change the styling.
also, I have some questions about adding a new page. I found the above container will be missing when I create a new page. what should I do to retain the same style. I want to keep the black container.
Can you link us to sample pages where the container is displaying and where it isn't?
It seems like this "container" is hooked in by a Block Element. If this is the case, then you simply edit the Block element and include the page you've created on its Display rule location.
thank you for your reply!
Please see the first link. This is the original theme page and I change the content.
https://www.giftsweet.com.hk/?page_id=389
below is the second link I created by adding new page. the grey part (container) is missing.
https://www.giftsweet.com.hk/?page_id=5
Please advise where should I fix it.
Ah it looks like something from a Block element then.
Can you check on Appearance > Elements and look for the Block Element containing this grey container?
Once found, go to its "Display Rule" tab and check the display rule location. Make sure to include this new page you're trying to apply things on.
thank you for your help. I fix it in the element. but how can I change its color?
also, I want to change this block size? what should I do?
thank you for your help. I fix it in the element. but how can I change its color?
The color is set on the Block element as well. It's applied as a background color on the Container block.
also, I want to change this block size? what should I do?
The vertical size of the block for this particular element is set on the Container Block's padding settings. It seems to be set to 80px for top and bottom. You can change it to your preference.
In Below link I encounter another problem:
https://www.giftsweet.com.hk/?p=176#more-176
when scroll down to the bottom, there is a link to next post page. where can I edit the link?
There are 2 ways to edit that depending on what you want.
If you want to edit the functionality, you can use generate_post_navigation_args filter.
If you want to completely change the styling, I recommend creating a Block Element and set the "Element type" dropdown to "Post navigation". You then set the template you want for it or create one your own. :D
