how can i change the html and the css of my word press theme that I bought?

First of all, it depends on what theme you have. Many premium themes provide an option for users to enter their custom CSS. It that is the case you can add your styles there. If not, follow the link to create a child theme – http://www.wpbeginner.com/wp-themes/how-to-create-a-wordpress-child-theme-video/ You can add your custom style in child theme’s … Read more

How to add input search field with roudned corners?

Your markup is technically correct with the exception of your first line of css. You need to remove the e before the .searchform declaration for it to accept those styles. The code below is working correctly (see demo here: https://codepen.io/raptorkraine/pen/eyJrJG) however if your input still doesn’t show rounded borders it might be that your styles … Read more

Why is my hamburger menu not shown? [closed]

The hamburger is shown with ionicons as an after element. You have conflicting CSS in your theme. This (specifically, the content: ” “;) CSS: .entry:before, .entry-content:before, .nav-primary:before, .site-container:before, .site-header:before, .site-inner:before, .wrap:before { content: ” “; display: table; } is overwriting the hamburger menu’s CSS @media only screen and (max-width: 800px){ .menu-toggle:before, .menu-toggle.activated:before { color: #1e1e1e; … Read more

Issue with TABLE or DIV padding on Mobile [closed]

This is a common CSS problem. In your table, there are too many columns for the width to accommodate, so div.table is overflowing from its container. To fix, wrap div.table inside another div. Set the outer div to: width:100%; overflow:auto; div.table will now stay within the boundaries without breaking the right margin, but will need … Read more

css .active dropdown selects all links

It does this because you’ve told it to. li.active a means “all a tags that are descendants of li tags with the active class”, and submenus in WordPress are structured like this: <ul> <li> <a href=”#”></a> <ul> <li> <a href=”#”></a> </li> </ul> </li> </ul> So the li for any menu item with a submenu also … Read more