Search Results for 'color'

[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

[ahmet şengün]

Hi

i use SKT Flooring theme
how can i remove Slide Title Background Color at slider?

[Bas Keller]

Hello,

Our Gym is working together wit Sugarwod. This app we want to integrate in our website.
Bij using the scrip in the header section:

<script>
window.sugarwod_options = {
id: “*********”,
color: “#fcb900”,
button: “no”
}
</script>

<script src=”//cdn.sugarwod.com/plugin/v1/sugarwod-plugin.js” async></script>

This works fine for me, i am an android user. But not for the people with a iPhone. The header pictures wont reload for them.

Can you have a look?
http://www.crossfithengelo.nl

[paloma]

Hi,

I’m working with SKT Yogi theme and for the header top banner area it is called the signin wrap section. I need the contact info to float further left to make more room for my social info on the right which I keep trying to make bigger but it won’t change.

Here is the code from your style sheet. Please tell me how I can push the left “headerinfo” section more to the left and allow more space to increase the size of the [su_buttons] i’m using on the right for the “headersocial” section (those are the titles you give these sections in your header.php file under signin_wrap.
Image attached
stylesheet.css code:
/* = header top sign in css ————————————————————– */
.signin_wrap{ background-color:#f5f5f5; color:#7f7f7f; line-height:36px; font-size:14px; font-family: ‘Open Sans’, sans-serif; font-weight:600; margin:0 auto; padding:0;}

.signin_wrap .left span{ float:left; line-height:40px; padding-right:8px;}
.signin_wrap .social-icons a{ border-right:1px solid #e8e8e8; margin-right:0;}
.signin_wrap .fa{ margin-right:5px;}
.signin_wrap .right{ width:65%; text-align:right; line-height:40px;}
.signin_wrap .right span{ margin-right:15px;}
.right span.phno{ border-right:1px solid #d0d0d0; padding-right:10px; margin-right:5px;}
.signin_wrap .right .fa{ color:#55deef;}