Search Results for 'color'

[Sonal S Sinha]

Hi,

Kindly use this CSS for topbar color.

body.page-template-contact-layout1 .header {
    background: #6B9362 !important;
}

Regards,
Chris

[Dimitrios Vourdoumpas]

URL: https://staging8.musicandwellness.gr/

Hi,

I would like to change two things from the contact page and I don’t know how:
1. The top bar color.
2. The top picture (to be a picture and not a map).
https://ibb.co/Ss2RHSr

Regards
Dimitrios

[Sonal S Sinha]

Hi,

2. Please send me the CSS for changing the color of the slider arrows.

Ans: Kindly go to Appearance >> Theme Editor >> Style.css >> scroll down to bottom and and paste there.

.theme-default .nivo-directionNav a { background:none !important;}
.nivo-nextNav::after {
    content: "\f105";
    position: absolute !important;
    z-index: 999999;
    color: #000;
    font-family: fontawesome;
    font-size: 50px !important;
    top: 50%;
    right: 20px;
}
.nivo-prevNav::before {
    content: "\f104";
    position: absolute !important;
    z-index: 999999;
    color: #000;
    font-family: fontawesome;
    font-size: 50px !important;
    top: 50%;
    left: 20px;
}
.theme-default a.nivo-prevNav, .theme-default a.nivo-nextNav {
    font-size: 0;
}

3. Maybe give me a CSS for the font family also?

Ans: Which font family do you want to use??

Regards,
Dave

[Vanessa Gómez]

Hi,

Web is: http://www.opticagracia.com (under construction)

We have a problem to be able to position the titles of the pages, the blog posts and the categories of woocommerce so that they are all in the same position.

For example, below we attach three screenshots in which it can be seen that the titles are in different positions

1) In a page of the website. Here if the title is correctly placed, at the bottom of the header.

https://i.imgur.com/Pyf1wSk.jpg

2) In a blog post. This time the title appears outside the header, in a position well below where it should be.

https://i.imgur.com/U9BCyHd.jpg

3) On wocommerce category pages. The title is set too high.

https://i.imgur.com/wU2ndHN.jpg

This is the css code related to the titles that we have put in custom css:

.skt-page-title { position: absolute; top: 80%; width: 98%; left: 50%; transform: translate(-50%, -50%);  text-align: center;}
.archive-page-title { position: absolute; top: 40%; width: 98%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.skt-page-title h1, .archive-page-title h1{ color: #fff !important;text-shadow: 2px 2px #000000;}

@media screen and (max-width:1160px) {
.skt-page-title, .archive-page-title {width: 98% !important; left:20px !important;}
}

We have sent the access data through the contact form so that you can access and review the web.

Thank you very much for your help!

Best regards,
Vanessa

[Sonal S Sinha]

Hi,

1. I cannot find how to change the page header font type and size.

Ans: For font size. Kindly use this CSS

.cattitle_wrap h1 { font-size:40px !important;}

For font type. Kindly refer this screenshot:
https://nimb.ws/ZUBV09

2. Please send me the CSS for changing the color of the slider arrows.

Ans: The slider arrow is an image.

3. Please send me the CSS for changing the color of the footer title underline.

Ans: Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

#footer .footercols2 h3::after { background-color: #708de5;}

Regards,
Dave

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.page .title-bar.outside {
    min-height: 370px;
    position: relative;
}
.title-bar.outside .overlay-color {
    background: transparent !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.page .title-bar.outside .overlay-color { padding:0 !important;}

Regards,
Chris

[Dimitrios Vourdoumpas]

URL: staging2.musicandwellness.gr

Hi,

1. I cannot find how to change the page header font type and size.
2. Please send me the CSS for changing the color of the slider arrows.
3. Please send me the CSS for changing the color of the footer title underline.

Regards
Dimitrios

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

#footer .social-icons a:hover {
    background: #8A6293 !important;
    color: #fff !important;
}
.social-icons a:link, .social-icons a:visited {
    background-color: #92c5eb !important;
    color: #fff !important;
}

Regards,
Chris

[Dimitrios Vourdoumpas]

I am not sure yet.
I want to try some combinations. Can you tell me how to change it myself?
Also can I change the ‘hover social icon color’?

[Sonal S Sinha]

Hi,

Which color do you want to use in social icons?

Regards,
Chris

[Dimitrios Vourdoumpas]

URL: stging2.musicandwellness.gr

Hi,
There is a problem with the social icons colors. When I publish color change, the ‘Social icon color’ and the ‘social icon bgcolor’ are reversed. Also the ‘Social icon hover bgcolor’ is not applied.

Regards
Dimitrios

[Sari Heerman]

How to change the navigation color of the Adventure theme?

[Dimitrios Vourdoumpas]

URL: staging2musicandwellness.gr

Hi,

I would like to change the mobile ‘top bar’ (I am not sure if this is how it is called so I include a picture) color.
‘Mobile Top Bar Background Color’ does not change anything, so I guess it is not that.
I cannot find the setting in the customization sidebar.
Please assist me.

https://ibb.co/yyDDvzS

Regards
Dimitrios

[Cindy van der Velde-Cockrell]

Hi Chris, the 1st sections of the post are missing again in my new post in the responsive mode.

outdoorfuninthesouthwest.com/2021/07/21/day-trips-from-austin-dallas-fortworth/

you might have to put https://www. in front of the link, I remember the links disappearing if I post them completely

On the pc and tablet everything is just fine, but on the phone the header and the header image are gone and it leaves a long empty space, so if you open the post on the phone, you just see the background color and nothing else. /
It’s pretty much the same error I had with my former post

[Sonal S Sinha]

Hi,

If you want to change Book and Appointment background color.

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

#topmenu ul li.appointment-btn a {
    background-color: #d7a87e;
}
#topmenu ul li.appointment-btn a::after {
    background-color: #d7a87e;
}

Regards,
Chris