Search Results for 'css'

Hello WordPressors,

I need some help with HTML, can somebody help me out?

I wanna change some colors of the elements of my Mailchimp sign-up form, but i dont know how. I can only see a color for background (lightly pink now) in my code below, but when i change the hex code nothing changes. I wanna change the background, font size/color, the color of the subsribe button and the text of the subsribe button. If somebody can add the HTML for the elements for me, i can change the codes myself. I hope somebody can help me out. Thank you so much!

This is my HTML form:

<!-- Begin Mailchimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="https://disneyplusser.us4.list-manage.com/subscribe/post?u=0029732750189a4e07f8d0e39&id=ed31552436" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<h6>Vul hieronder je beste emailadres in, dan sturen wij je tweewekelijks een email met het laatste nieuws en releases van Disney Plus!</h6>
<div class="mc-field-group">
<label for="mce-EMAIL">Emailadres: </label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_0029732750189a4e07f8d0e39_ed31552436" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Meld mij aan!" name="Meld mij aan" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email'; /*
* Translated default messages for the $ validation plugin.
* Locale: NL
*/
$.extend($.validator.messages, {
required: "Dit is een verplicht veld.",
remote: "Controleer dit veld.",
email: "Vul hier een geldig e-mailadres in.",
url: "Vul hier een geldige URL in.",
date: "Vul hier een geldige datum in.",
dateISO: "Vul hier een geldige datum in (ISO-formaat).",
number: "Vul hier een geldig getal in.",
digits: "Vul hier alleen getallen in.",
creditcard: "Vul hier een geldig creditcardnummer in.",
equalTo: "Vul hier dezelfde waarde in.",
accept: "Vul hier een waarde in met een geldige extensie.",
maxlength: $.validator.format("Vul hier maximaal {0} tekens in."),
minlength: $.validator.format("Vul hier minimaal {0} tekens in."),
rangelength: $.validator.format("Vul hier een waarde in van minimaal {0} en maximaal {1} tekens."),
range: $.validator.format("Vul hier een waarde in van minimaal {0} en maximaal {1}."),
max: $.validator.format("Vul hier een waarde in kleiner dan of gelijk aan {0}."),
min: $.validator.format("Vul hier een waarde in groter dan of gelijk aan {0}.")
});}(jQuery));var $mcj = jQuery.noConflict(true);</script>
<!--End mc_embed_signup-->

Hi,

I wanted to reproduce the same shadow below the header 10.
Alex told me it’s an image and he attached this image to his email.
He also gave me a custom CSS:

.td-header-gradient:before {
content: "";
background: transparent url(https://www.mondeoz.com/wp-content/uploads/shadow.png);
width: 100%;
height: 12px;
position: absolute;
left: 0;
bottom: -12px;
z-index: 1;
}

This code didn’t work so I tried to customize it (I am not a developper).
Here is my code:

.td-header-desktop-wrap:before {
content: "";
background: url(https://www.mondeoz.com/wp-content/uploads/shadow.png);
width: 100%;
height: 12px;
position: absolute;
left: 0;
bottom: -12px;
z-index: 1;
}

.td-header-desktop-sticky-wrap:before {
content: "";
background: url(https://www.mondeoz.com/wp-content/uploads/shadow.png);
width: 100%;
height: 12px;
position: absolute;
left: 0;
bottom: -12px;
z-index: 1;
}

Now it seems to be working for the main header but not for the sticky one.
Can you help me to make it work for both headers?

Thanks

I found your amazing WP theme and my client loves the design. The laptop looks great but we are having problems
with the design of the hamburger menu. I am using the latest version of newspaper on our production site.

http://final.redcarpetsf.net/

Here is the web page link to a mobile vertical and horizontal view using Iphone and Android
What we want done:
I need the custom CSS code to change the horizontal black bar to white or transparent
and the Hamburger Icon ( 3 bars ) and search icon to a black color.

Here is link to the screenshots here

Elle Gamboa
Web Guy for Red Carpet San Francisco

Trying to figure out a way to set the general author page as a custom link.

I want it to be the same as the users forum profile page. example: https://plantgrowersclub.com/community/profile/

I use wpForo and have a shortcode I can use to display the current profile. When I tried to use my shortcode [wpforo item=”profile”] in the author page template it throws off all the CSS and doesn’t look like the normal forum profile page.

I want the user to be able to click that profile picture at the top right in the header when they are logged in, and instead of displaying their wordpress author page, it should display their profile page.

This is an example of the profile page:
https://plantgrowersclub.com/community/profile/bill/

I want this to display the above link instead (or a way to change the link itself):
https://plantgrowersclub.com/author/bill/

I am having difficulties in eliminating l’histoire title and logo from the pages of my site. My header and footer are both the way I want them (finally), yet when I check my site and begin scrolling through the updated version I have a “floating footer” that appears at the top of each page (I refer to it as a “floating men” because it only contains my footer menu info). I have attempted to edit it via Live CSS and it changes but I cannot save it. Please help.