I have a problem regarding the WooCommerce email-template for links in the footer of emails.
I want the links to be text-decoration: none; color: black;, but no matter if i change the style of the email-styles.php or the add styles to the email-footer.php, the link wont change color and will still be underlined and the styles will be overritten by some .ii a[href] style that I am not able to find.
I have not found the function that is causing written links like www.GGG.com to turn into blue hyperlinks in the emails.
I need to know if it is possible to find the style somewhere in the php-files of WordPress/WooCommerce.
Related
I'm developing a WordPress theme from scratch for the first time, and I just created a custom widget for the footer that contains the contact info for the site. I'm using Flexbox for the layout of up to four footer columns, and I want the column containing this custom widget to have flex-basis: 2; so that it's wider than the others at times.
How can I add a class name to whichever column the user places the custom widget in?
EDIT: I said flex-basis when I meant flex-grow.
Rather then add a class to the column, maybe the best thing is to find the name of the class that is already there, and then add the CSS code.
To find the class:
Using Chrome, inspect the element. In the console window, it will show what the class name is.
Then go into your Dashboard > Appearance > Editor and add your custom css code.
For example, on of my websites,
I used the left sidebar for widgets and dropped in some generic widget boxes in there. I used css to add the style i wanted. So for the titles, I wanted them to look like blue boxes with white letters. The code looks like this:
.widget-title {background-color: #004165; padding: 5px; color: #ffffff; margin-bottom: 15px;}
.widget-title {color: #ffffff !important; font-weight: normal !important;}
I'm currently making a WordPress page and for some reason when the menu collapses all the menu items with children stop working. I don't know any JavaScript (yet) or really anything more than basic HTML and CSS so I'm a little over my head trying to figure out why this is happening. I've tried going into devtools to make sure the href is still there and it is so I'm not sure what else to look for at this point. Any suggestions would be awesome.
The site is here.
Your child menu items seem to be working fine when the nav is collapsed (on mobiles etc). The child link item are set to display:block!important when collapsed which is why there are appearing all the time, and not just when the parent is hovered over, like on desktop screen widths.
If want the child links to appear only then the parent is selected, then try removing display block from your style.css as below. Personally I think it is more useable as it is though.
#media screen and (max-width: 991px)
ul.slicknav_nav ul {
position: relative !important;
top: 0 !important;
left: 0 !important;
}
Apologies for the novice question; I am new to Wordpress and PHP.
I've been using the following:
<?php echo do_shortcode('[shortcode]')?>
to display a shortcode. My problem, however, is that, as the icons act as pointers to other webpages or protocols (like email), they are displayed as an icon with an underline beneath them.
I still want them to point to somewhere but I don't want the underline to be visible. Looking in the CSS files for the plugin itself, it does have
text-decoration: none;
but this doesn't seem to affect anything. Wordpress also states that the stylesheet for the plugin is inactive. I'm not quite sure how to add a class to this effect for the anchor on the primary stylesheet (i.e. for the webpage itself) but I was hoping that would be the solution.
try
text-decoration: none !important;
you need to use this css for a, a:active, a:hover, a:focus links class.
I have 2 pages for my site. One a forum, another is my homepage. I have the homepage all setup, but the forum will require a bit of modification to the nav bar. I have the nav bar from the homepage mirrored to the forum so that the styles match nicely, but I made the forum wider because the forum needs more space for content and tables. I have tried numerous times to do this, to no avail.
Since the forum is not a static page, I have put the homepage on JSBin instead. They both use the same exact nav bar. This is Bootstrap 3, by the way.
Here is what I want it to look like (sorry for not embedding in post, need 10 rep): http://i.imgur.com/dlXaOZ8.png
Here is the JSBin: http://jsbin.com/fexowifica/1/
I just need to know how to make that extend out wider like seen in the image, but it won't actually be applied to the homepage nav bar, it will be applied to the forum nav bar that is seen in the image.
Thanks!
just update your css
CSS
#media screen and (min-width:768px){
.container{
width:100%;
}
I made a wordpress site and it has an error in which a "dynamically generated style sheet" creates this style:
content {width: 0px;}
This causes all of my content to squish to the left. http://wp.townsendsites.com
Is there a way to get rid of this, or override it in either the php or css?
If you want to overwrite a markup that cannot be overwritten, use: width: 80% !important;
it's not the best practice, but it works. 80% is an example.
A neater way to solve the problem isn't to try and override the styles; it's to work out why those styles are there in the first place.
I've had a very quick poke around the theme and I can see that the dynamic stylesheet is generating its styles based on theme settings; the theme should have an extra options screen in the admin area where you can enter your own width for content.
Failing that you can comment out line 619 from 'functions.php' which currently reads "add_action( 'wp_enqueue_scripts', 'bitLumen_enqueue_dynamic', 10 );"
That's the line that loads up the dynamic stylesheet
I'd recommend you try and find the settings in the admin area first; no sense trying to brute force your styles with !important rules