widget color and position adjust

This topic has 23 replies, 3 voices, and was last updated 10 years by Laura.

Author
July 19, 2015 at 15:40 #68950

sunny0704
Participant

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.

July 20, 2015 at 05:13 #69031

Laura
Moderator

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

July 20, 2015 at 07:44 #69050

sunny0704
Participant

Yes.

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

thank you.

July 21, 2015 at 00:22 #69182

Laura
Moderator

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

July 21, 2015 at 02:12 #69197

sunny0704
Participant

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.
July 22, 2015 at 02:29 #69361

Laura
Moderator
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
July 22, 2015 at 02:47 #69367

sunny0704
Participant

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.

July 22, 2015 at 03:10 #69381

sunny0704
Participant

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.
July 22, 2015 at 03:44 #69390

Laura
Moderator
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
July 22, 2015 at 03:53 #69394

sunny0704
Participant

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.

July 22, 2015 at 07:18 #69410

sunny0704
Participant

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.

July 22, 2015 at 17:01 #69470

sunny0704
Participant

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.

July 23, 2015 at 09:17 #69567

Laura
Moderator

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

July 23, 2015 at 10:08 #69571

sunny0704
Participant

sure, http://www.mypeertutors.com

ID : mypeers
P/W : 16susdpsmseoqkr

Please fix it up!! ^^

Thank you.

July 24, 2015 at 18:42 #69873

Laura
Moderator

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

July 25, 2015 at 03:40 #69943

sunny0704
Participant

Hi Laura, I changed writable mode 777.

Thank you a lot.

July 26, 2015 at 07:03 #70037

Laura
Moderator

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

July 26, 2015 at 09:08 #70048

sunny0704
Participant

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.

July 27, 2015 at 08:49 #70137

Laura
Moderator

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

July 27, 2015 at 10:30 #70159

sunny0704
Participant

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.

July 29, 2015 at 00:00 #70474

Laura
Moderator

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

July 30, 2015 at 18:57 #70790

Andrei
Moderator

@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

July 31, 2015 at 05:04 #70910

sunny0704
Participant

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.
August 1, 2015 at 20:06 #71126

Laura
Moderator
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

Viewing 24 posts - 1 through 24 (of 24 total)

The forum ‘Sweetdate – WordPress’ is closed to new topics and replies.

Search Forums(Mods only)

Search KB

Search Forums(Mods only)

Search KB

Log in with your credentials

Forgot your details?