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.
Related
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.
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;
}
I am new to WP don't know how does the theme customization work. I've chosen receptar theme (link)
I want to make the article items on the main page bigger by default, as I would do with Ctrl +. How Can I do it?
I want to change it from this :
to this:
Word of caution: always try to fix things yourself and let us know what you've tried before asking on SO. Everyone here is happy to help once you hit a roadblock.
Now, to fix the issue you need to modify the Width of the element. I changed it from 50% to 100%. When it is 50% it allows two items to be next to each other, so if it is 100% every item will take all the space it can, getting to what you're looking for.
You can copy and paste this code into your theme CSS styler:
.posts .hentry {
width: 100%;
}
Usually, all themes come with this, or if your version of Wordpress is 4.7+ you can do this through the customizer.
That should do the trick.
You can easily do this with CSS,
please go to your theme main style.css and add this CSS
.post {
width: 100% !important;
}
I want to add a background image for the link from top navigation which is associated with the current page that the visitor is viewing right now.
Basically the idea is to have different background image for the navigation menu link for active page.
How can I do this?
Magento adds specific class names to the body class based on what page you are currently viewing. The login page, for example, will have a body tag with class 'customer-account-login'. You can simply target that class to do your styling in the usual way:
.customer-account-login .header .links li {
background-image: url('../images/some_background.png');
background-repeat: no-repeat;
}
I found a great tutorial on this which is very useful and that did the things what I wanted.
Here it is.