widget color and position adjust

[sunny0704]

Hi

I applied some widgets to my web page.

but one widget’s panel-support box-color is different. just this one panel is grey.

just one thing I did is one section down from footer level 1 – widget 1 to footer widget 2.

I think that widget has gray color initially.

so, how can I change and matched support box’s widget color with another ones.

and I applied 4 widget’s on footer area. but positions of each one has different, each start row

position is little bit different. would you tell me how can I fix it up also?

Thank you.

[Laura]

Hello, so, if i understood correctly, you want all widgets in footer to look the same? With grey ( light ) color?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[sunny0704]

Yes.

I want to change support box which is located on footer like beside widgets.

thank you.

[Laura]

Can you share a link to your website? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[sunny0704]

My website is http://www.mypeertutors.com

and I posted the other thing about logo centered.

and you gave me some code for style.css which is looking good for laptop

but for mobile, it shows very strangely. logo isn’t show up web page.

so would you check up that again?

Thank you.

[Laura]

Hello, please apply the code again so i can see it and fix the mobile view 🙂
This should fix the widget color

COPY CODE

.widgets-container.footer_location .panel {
  background: #444444;
  border: solid 1px #444444;
  margin: 0 0 22px 0;
  padding: 20px;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[sunny0704]

Hi Laura your code for widget is working well. thank you.

and I apply the code for positioning logo to center.

Please check up again.

Thank you.

[sunny0704]

Hi Laura, Sunny again.

I Check up your code again. it has another problem.

initially, when I hit the logo, page goes to the home.

but after applying your code it’s not connected to home.

check it up also,

Thank you for your supporting.

[Laura]

Hello, try with:

COPY CODE

#header .four.columns {
  margin-left: 330px;
  margin-bottom: -80px;
}
.eight.columns.login-buttons {
  margin-left: 700px;
  width: 200px;
}
@media only screen and (max-width: 940px) {
#header .four.columns {
  margin-left: 0px !important;
  margin-bottom: 0px !important;
}
.eight.columns.login-buttons {
  margin-left: 0px !important;
  width: auto !important;
}
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[sunny0704]

Hi Laura, Mobile version is working well.

but now, desk top version is not. profile and login button is split and navigation menus are not look good.

I want to put them on just 1 row.

Would you help me again?

Thank you.

[sunny0704]

Hi Laura, I check up again just applying your code.

And Both of them, for laptop and mobile splitted logo and menu.

and I also found this css code is not working same for all browsers such as IE, Firefox, and Chrome.

So, would you check it up again?

Thank you.

[sunny0704]

Hi Laura,

I found one another problem in this code.

As I mentioned earlier,

after adding your code logo and menus are splitted for mobile and laptop.

and sticky menu also not working well

I attached capture image files.

Thank you.

[Laura]

Hello, can you share admin credentials so i can test it? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[sunny0704]

sure, http://www.mypeertutors.com

ID : mypeers
P/W : 16susdpsmseoqkr

Please fix it up!! ^^

Thank you.

[Laura]

Please make the style.css of child theme writable by ftp, writable means change it to 775 or 777. Or just share ftp 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[sunny0704]

Hi Laura, I changed writable mode 777.

Thank you a lot.

[Laura]

Hello, issue should be fixed now, let me know 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[sunny0704]

Hi Laura.

first of all, Thank you for your help.

It looks better. but when I scroll down Logo and menus are shifted left.

would you fix it up also?

And Can I know your code for that?

I will put my logo little bit upper side.

Thank you.

[Laura]

Hello, the css will affect the sticky menu, is a rough way so its not very compatible, like kleo. It would take some time and development, so i suggest to just disable the sticky menu, or return to the default look.
The code is in your style.css
Sorry for the inconvenience

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[sunny0704]

Hi Laura,

I want to say thank you first for your help.

but I think you and Abe already got that code. and you guys already know what do you do for that.

and you will get same request from other purchasers in near future.

whenever you fixed them up, let me know.

I strongly want to fix it up.

Thank you.

[Laura]

Hello, will assign the ticket to a higher support lever who can help and advise you in your query.
Thanks! 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Andrei]

@sunny, if you have any features that you want to propose for future implementation then please open a topic in the feature request area of the forum.

If you need more advanced customizations of the sweetdate theme then I recommend you to hire a developer to help you.

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[sunny0704]

Hi Andrei,

First of all, I want to say thank you for your support and recommendation.

I check up CSS code offered by Laura. It’s not bad. but it’s also not too good for my design.

I already check up Bessem’s website you can refer post #4075.

and his web page looks good and his menus are not changed their position while I scrolling down.

most of all, you already fixed up have that code.

So, would check that code again?

I want to your reply so soon.

thank you.

[Laura]

Hello, the menu sticky should look fine now, let me know i you need anything else 🙂
code

COPY CODE

.contain-to-grid.sticky.fixed .top-bar {
    max-width: 13% !important;
    margin: 0 auto;
    margin-left: 360px !important;
    margin-top: 10px !important;
}
.contain-to-grid.sticky.fixed ul#menu-mypeertutors {
    margin-left: 270px !important;
    margin-top: -24%;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts