I am trying to remove the margin on the left of the text box “Hear back within 24 hours” and “Done in as little as 15 minutes” But all my css does not work.
The div is
wp-block-column is-vertically-aligned-center ticss-a75c1d88
and when inspect and edit, I get this
style=”
margin-left: 0px;
”
added to the div but I am not sure how to translate it into the custom css that I need to add.
Hope anyone can help!
]]>I′m changeing theme to my website. My old website was created by website developer and now i′m doing it myself.
I have lots of Vimeo videos embedded to my old website more than 2000. I wonder is there possible to make the videos work also to my new theme without i having to go throug every embedded video. I have used div class code. I think i have to do something with CSS code so that these codes (div class “col…) start to work again. I couldn′t find the css-code from the old website. Could someone help me with this issue? The problem is that the videos shoud be side by side or on the right or left side. Now they are one on the other
<div class=”col-md-4 col-xs-12 col-sm-12 video”></div>
<div class=”col-md-4 col-md-offset-4 col-xs-12 col-sm-12″></div>
<div class=”col-md-4 col-xs-12 col-sm-12 pull-right video”></div>
Link to the page. You can see how the videos are on my old website
Thanks for help.
Veli-Matti
</div>
</div>
</div>
<div>
<h2>Featured Courses</h2>
<div class="grid-container">[loop query="posts_per_page=3&post_type=post&category_name=featured-courses"]
<div class="image-caption">
<div class="crop">[the_post_thumbnail]</div>
<div class="fpInfo"><div class="fpTitle">[link_with_content]</div></div>
</div>
[/loop]
There are 3 images on the column, however, I believe there are linked together by the loop? And I cannot go in to apply a single link to each of the image. I tried coping code straight from inspect, but that use messed up the entire display.
If anyone have done this believe, please let me know. I really want to solve this problem and make the website better.
And a more advanced request, I also want to add arrows to both sides of the row, so it is more like a slide show that we can display more posts at the same time. Right now, it is limited to 3 posts, and we have a new post coming up. If you have an idea of how to go about this, give me a direction as well please.
Thank you.
So I updated to a new theme yesterday and it’s great, problem is when I added some old CSS sytle sheet code to make the new theme/site look the same it didn’t.
For example I have payment buttons on the home page for both Worldpay and Paypal and they have shifted to the left instead of being centred.
Also the text:
Get “Eliminating Toxic Overload Safely” eBook:
isn’t in italic red font?
Does anybody know why this old CSS code added to the new CCS theme stylesheet doesn’t work?
The original page code on the home page has:
<div class="paypal">
and it’s still there now (with the new theme added) and worked well because I had red italic writing where I needed it (call to action above the payment buttons) and both the payment buttoms were centred. Now when I add the custom CSS (see below) to the new theme’s CSS stylesheet it doesn’t respond to the code?
Please see url above of what it should look like.
Thanks for any help.
Cheers
Ian
============================================================
.paypal {
text-align: center;
/*margin-bottom: 25px;*/
}
.paypal p {
color: #900;
font-weight: bold;
font-size: 18px;
font-style: italic;
line-height: 1.6em;
}
.quotation{
font-size: 18px;
color: #273A19;
font-weight: bold;
font-style: italic;
}
button {
border:none;
background:transparent;
}
.worldpay-button img[class*="align"], .worldpay-button img[class*="wp-image-"]{
border:none;
}
===========================================================
]]>Using blog layout, not block.
Posts show up with a thumbnail or feature image displayed at div class post right
Is there a way to link that image as part of the post link so that one can click on that image to open the full post?
Thanks!
]]>I’m trying to create a very simple client banner with 6 images. I could really use some help. I think I may be using the wrong “div class” because extra orange space is created above the images for text. Text should not be a part of this banner, it is entirely a single row of images. Here’s where you can view the current banner: https://dalaigroup.com/maryland-seo/
Do you know what div class may be appropriate for this type of display? Or is there something else I can do to remove the extra orange space? I’ve tried to use div class=”gallery,” but the orange background is removes when I do this. How can I write this correctly to contain everything currently in the banner, while removing the excess orange space above the brand logo images? Please let me know if there is anything I can do. Thank you!
]]><header id="masthead" class="site-header" role="banner">
<div id="topmenu">
<div class="container">
<div class="topnav">
<i class="fa fa-phone"></i> (800) 821-4557<div class="menu-top-menu-container"><ul id="top-menu" class="menu"><li id="menu-item-54" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-54"><a href="https://abacussurfaces.com/company-info/">Company Info</a></li>
<li id="menu-item-53" class="greenbtn menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-23 current_page_item menu-item-53"><a href="https://abacussurfaces.com/contact-us/">Contact Us</a></li>
<li id="menu-item-82" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-82"><a target="_blank" href="https://www.facebook.com/AbacusSurfaces"><i class="fa-facebook-square fa"></i><span class="fontawesome-text"> Facebook</span></a></li>
<li id="menu-item-83" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-83"><a target="_blank" href="https://twitter.com/Padenpor"><i class="fa-twitter-square fa"></i><span class="fontawesome-text"> Twitter</span></a></li>
<li id="menu-item-84" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-84"><a target="_blank" href="https://plus.google.com/u/2/103136357804416937639/posts"><i class="fa-google-plus-square fa"></i><span class="fontawesome-text"> Google+</span></a></li>
<li id="menu-item-1212" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1212"><a target="_blank" href="https://www.linkedin.com/company/abacus-surfaces-inc"><i class="fa-linkedin-square fa"></i><span class="fontawesome-text"> LinkedIn</span></a></li>
</ul></div> </div>
<div class="site-branding">
<h1 class="site-title"><a href="https://abacussurfaces.com/" rel="home">Abacus Surfaces</a></h1>
</div><!-- .site-branding -->
</div>
</div>
the div class “menu-top-menu-container” can be found on the menu options on the WP dashboard, but the phone number is nowhere to be found. How do I find this or even remove it to include it into the top menu?
]]>I have found a heap of articles online claiming to fix the issue of non-responsive YouTube video embeds. Can anyone advise my on why the following snippets of code will not make a video scale down correctly on my site?
The HTML code on in my blog post:-
<div class=”video-container”>
<iframe src=”https://www.youtube.com/embed/………..” frameborder=”0″ width=”560″ height=”315″></iframe>
</div>
The CSS code in my stylesheet:- (not sure exactly where in the stylesheet it should go, so I stuck in right at the bottom!)
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
Some people say to remove the fixed dimensions from the iframe, but in most of the articles/posts online they tell you to copy and paste exactly as is!
Any advice much appreciated!
Thanks
]]><div class="_45m_ _2vxa" data-offset-key="b7jin-0-0" data-block="true"><span data-offset-key="b7jin-0-0"> </span></div>
<div class="_45m_ _2vxa" data-offset-key="27ai3-0-0" data-block="true"><strong><span data-offset-key="27ai3-0-0"><span data-text="true">My own text here followed by more junk</span></span></strong></div>
<div class="_45m_ _2vxa" data-offset-key="27ai3-0-0" data-block="true"></div>
It’s a mess and I can’t find reference to it anywhere else. Can anyone describe what I am seeing?
]]>