Hi Mike,
Thanks for the prompt response. I am not a css programmer so I appreciate your help.

Here is the page:
https://www.thomashenthorne.com/21-edgewood-way-san-rafael/

I found this old thread that seems to solve what I would want to do:

Can you help me figure out the page id and the css I would add so just that color section is modified?

Thanks much,
Rob

Hi,

1. I’ve already enabled Append search icon to main menu as I wrote, the search icon is showing in the menu on the mobile. However, it is not showing on the desktop.

2. Regarding the burger menu:
When the menu is closed, I would like for the container background to be – #8c8c8c and the burger menu itself to be #ffffff
and when the menu is open the container background should be #ffffff and the – X should be #8c8c8c.
so I used the code you gave me and I added padding on the left and right and didn’t use this code=line: line-height: 40px;
but the pudding does not fit into the container no matter what I tried it either too small on the right or it’s too big on the left –
https://img.savvyify.com/image/Screenshot-2024-08-13-010003.9rZ05
https://img.savvyify.com/image/Screenshot-2024-08-13-005948.9rpaf

3. I would like the menu links inside the burger menu to be in this color – #92B743. I’ve tried changing it in advanced styling, but nothing has changed on the desktop and mobile views.

Thank you so much for all the help

Reut

• This reply was modified 1 year, 7 months ago by Rachel.

Thanks. Where should that go in functions.php, at the top, at the bottom?

thanks a lot for the instructions, personally noticed inkscape have really joining stuff togheter withour multiple groups, for some reason figma is making this groups ramdomly (what makes me very preocupated since i have another projects running using svg from figma).

Well, i can with this css control the svg.. i really do prefer control the svg ouside but couldn’t find the “#top .logo svg ” part of code… when i inspect in chrome it always shows a lot of random “#s” and i can’t target the exact thing im trying to set rules for. (any tips in this area would be apreciated).

i gonna make more tests no logo svg css, but this point is close for me.
—

another point i have mentioned but got ecclipsed by logo svg was about that line:

View post on imgur.com

any tips in css that can make change it color (i do prefer to have a setting in color with transparency to make more attuned with the visuals around it)
last stuff about that header >.<‘

Thank you for your answer! You can close the topic.

Hi Ismael,

take this Code:

<ul style="list-style-type: none; margin-left: 02px; padding-top: 8px; padding-bottom: 12px; padding-left: 0px;">
 	<li style="display: flex; margin-bottom: 12px;">
           <span style="font-size: 18px; color: green; white-space: nowrap; margin-right: 10px;">✔ </span>
           <span style="font-size: 18px;">xzzz</span></li>
 	<li style="display: flex; margin-bottom: 12px;">
           <span style="font-size: 18px; color: green; white-space: nowrap; margin-right: 10px;">✔ </span>
           <span style="font-size: 18px;">text</span></li>
 	<li style="display: flex; margin-bottom: 12px;">
           <span style="font-size: 18px; color: green; white-space: nowrap; margin-right: 10px;">✔ </span>
           <span style="font-size: 18px;">topic</span></li>
</ul>

Save it, click again on the Text-Element, it will be lost in this moment.

BR
Ralf

Thank you! That worked great for my desktop!
On my cellphone, it looks too small. How do I fix that one?
Mimi

Yes, that worked. Thanks much.
I’d like to limit that style to only the post slider. When I add “#postslider” to your above code, it breaks it. For example:

#postslider .responsive #top #wrap_all .slide-entry { …}

I recall that when there’s a “#top” included in a code, it needs to be handled differently?

Thanks again…

Dear Support Team,

I have to contact you again regarding the script mentioned above: the specified script no longer works:
@media only screen and (max-width: 768px) {
#top .flex_column_table.av-equal-height-column-flextable.av-wu3tsa-2f8288ffd7b4a522ef607878953863b5 {
margin-top: 0px;
margin-bottom: 0 !important;
}
}

I think it’s because of the “av-wu3tsa-2f8288ffd7b4a522ef607878953863b5”.
I have already tried to solve it via an ID by assigning the ID #cell-blue to this column and then tried to reactivate this script in various ways. Unfortunately without success. I have now also integrated the script in the CSS:
@media only screen and (max-width: 768px) {
#cell-blue {
margin-top: 0px;
margin-bottom: 0 !important;
}
}

Can you please help me to make this solution work permanently? Even if we then switch the edited version of the website from the subdomain to the main domain?
Many thanks and best regards, Diana

Hello Ismael and Guenni007,

thank you very much for your support.
Yes, it was the wrong CSS code: I removed it and now the beige boxes are gone. Perfect

And regarding the repeated first description text, Ismael’s tip of inserting a blank line at the top of the table worked perfectly!

Thank you very much, my problem is solved!