Gratis online casino games real money,Outdoor plants that bring money and good luck.Recharge Every day and Get Bonus up-to 50%!

Moving Elements

gallifordmedia — Sun, 27 Sep 2020 12:06:13 +0000

Hi, when I position elements with the design tool it looks one way, however when I press the arrow to view my changes the positioning of the element moves down. Does anyone know why this is? Causing lots of issues for me.

Drag and Drop Doesn’t Work

Russell — Fri, 29 May 2020 17:52:50 +0000

I don’t what the deal is. It was working fine. Each time I start to buy the plugin, something in it stops working. Why is that?

Now I can’t move elements around because the drag and drop feature isn’t working at all. Thanks for any info or suggestions.

If I ever get see this thing working completely, I will buy it.

Moving child element to follow previous div

pranaman — Tue, 13 Sep 2016 07:51:01 +0000

I am trying to make https://teainc.staging.wpengine.com/whatsnew1/ look like https://tinyurl.com/gpefnw6.

Almost there. The “Read more” is in the wrong place.

It’s a child element within a few nested divs, and I used CSS in the theme’s (themes.muffingroup.com/be/splash/) built in custom CSS editor to hide the parent.

Someone else built the site, and I don’t have the theme’s license, so I can’t post it on the theme’s support page.

It’s in the same place as it is when the parent divs show, hoping I can move the ‘Read more’ right after the excerpt, (the class is post-excerpt), just like tinyurl.com/gpefnw6.

This is the CSS I’m using. What do I need to do to display ‘Read More’ right after the excerpt?

.entry-title, .entry-title a {
    font-family: "Open Sans", Arial, Tahoma, sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: #808080 !important;
    pointer-events:none;
}

.post-footer {
  visibility: hidden;
}

.post-more {
 visibility: visible;
}

.post-excerpt, .post-more {
    display: inline !important;
}

Moving Elements

bwlackore — Mon, 27 Jun 2016 00:54:06 +0000

To all,
I am not familiar with the entire construct of my wp hosted website. However, I have a relatively advanced e-commerce website that I need to move some elements around in. I have a massive file directory and am trying to track down the code that I need to alter to move these elements. I can use the developer tools in Firefox or Chrome and drag and drop these DIVs into the position I need them in. However, I cannot seem to make the change permanent. I cannot correlate the HTML code to the code in the file directory. I have made the changes in CSS. However, I need to find the file that I need to move the elements in. Please advise on a strategy to resolve this.
Thanks!

Moving elements around

dennisjmartinek — Sat, 15 Nov 2014 01:54:41 +0000

Ok, to start…I’m on a Mac, but don’t see a download for Mac?

The bigger issue, since this is for a class of mine, is how on the site below, do I get the elements on the right to move up and align with the top of the video? There’s a lot of white space, and I’ve been looking for an answer for two days.

Any help is appreciated!

How to make the side-menu "disappear" in thin / smartphone mode?

Toby — Fri, 07 Mar 2014 23:53:22 +0000

Hi there,
I am trying to make a custom css file for this theme.
However, I have noticed that when I collapse the width of the site while dragging the browser window, the side menu just keeps getting smaller and never disappears. At smart-phone size, it just looks ridiculously thin.

I am under the impression that until recently, this didn’t happen… Before, if I dragged the window smaller (simulating a smart-phone screen) it would get to a point where the side menu would disappear from the right and appear under the page content instead.

I might be confusing this with another theme.
… However, how can I control when a menu (or other element) disappear when the browser window is collapsed (dragged thinner) please?

Would appreciate any help you could offer me.
Thanks

move navigation bar in the twenty twelve theme

TessW — Sun, 28 Apr 2013 11:55:59 +0000

Hi. I’m looking to move the navigation bar in the 2012 theme to below the header image. I did it once but deleted everything and now I have absoutely no clue as to how I did it. Here’s the site: https://josnowsyrups.com/blog/

Thanks,
Tess

Absolute Elements Moving when Viewed on Different Screens

jessandkeegan — Thu, 08 Dec 2011 10:08:03 +0000

Ok, I’m a dabbler. I really don’t know CSS coding but I’ve gained a basic understanding of it… enough to get around.

I’ve run into a frustrating problem and havn’t the experience to figure out. I need help, guys

My site https://doing-something.com/blog has some positioning glitches I cannot figure out. When viewed in multiple browsers on my home/coding computer (MACBOOK Pro) via Firefox, Safari, and Opera everything looks fine. But when others view it via a PC in either firefox or explorer, the #maincol element shifts to the right about 150px. No other elements shift.

What’s the deal? I thought once an element is set to absolute and the positioning is set (top, left, right etc) it shouldn’t move.

Have a look below at the coding below. It is a modified version of the Minimalist theme by Joey Renalds.

html, body{ padding:20px 0px 20px 0px; margin:0; text-align:center; font-family:helvetica; font-size: 13px;} 

#page{ max-width:900px; text-align:left; margin-left:auto; margin-right:auto;} 

#header{ position:relative; width:400px; margin: 0px; padding: 0px; height:50px; overflow-x:hidden;}
#header h1{ position:relative; float:left; margin:0px 0px 0px 150px; width: 650px; padding:0px; font-family:helvetica; font-weight:bold; font-size:20px; text-transform:uppercase;}
#header h1 a{ text-decoration:none;}
#header h1 a:hover{ text-decoration:none;}
#header h2{ position:relative; float:left; clear:left; margin:0px 0px 0px 150px; width: 650px; padding:0px; font-family:helvetica; font-weight:bold; font-size:14px; text-transform:uppercase;} 

#leftcol{ width:130px; float:static; position:fixed; padding: 0px 20px 0px 0px; text-align:right; overflow-x:hidden;}

#menu {margin:0px 0px; text-align:right; font-weight:bold; font-family:helvetica; text-transform:uppercase; font-size:14px; }
#menu a {font-weight:bold; font-family:helvetica; text-transform:uppercase; font-size:14px; text-decoration:none;}
#menu a:hover {font-weight:bold; font-family:helvetica; text-transform:uppercase; font-size:14px; text-decoration:none;}

h2.menuheader {cursor: pointer;font-family:helvetica; font-weight:bold; font-size:14px; text-transform:uppercase;margin:0px; padding:0px;}

#menu ul {padding: 2px 0px 2px 0px; margin: 0px 0px 0px 0px;list-style: none; width:230px; clear:left; float:right;}
#menu ul li{margin: 0px 0px 0px 0px; display: block; font-weight:bold; font-family:helvetica; text-transform:uppercase; font-size:14px;}
#menu ul li a{ width: 225px; display: block; padding: 5px 0px 5px 5px; text-decoration:none; font-weight:bold; font-family:helvetica; text-transform:uppercase; font-size:14px; margin: 0px 0px 0px 0px; vertical-align: bottom;}
#menu ul li a:hover{ text-decoration:none; }
#menu ul li ul {padding: 2px 0px 2px 0px; margin: 0px 0px 0px 0px;list-style: none; clear:left; }
#menu ul li ul li{margin: 0px 0px 0px 0px; display: block; }
#menu ul li ul li a{ width: 205px; display: block; padding: 5px 20px 5px 5px; text-decoration:none; font-weight:bold; font-family:helvetica; text-transform:uppercase; font-size:14px; margin: 0px 0px 0px 0px; vertical-align: bottom;}
#menu ul li ul li a:hover{ text-decoration:none; }
#menu ul li ul li ul {padding: 2px 0px 2px 0px; margin: 0px 0px 0px 0px;list-style: none; clear:left; }
#menu ul li ul li ul li{margin: 0px 0px 0px 0px; display: block; }
#menu ul li ul li ul li a{ width: 185px; padding: 5px 40px 5px 5px; display: block; text-decoration:none; font-weight:bold; font-family:helvetica; text-transform:uppercase; font-size:14px; margin: 0px 0px 0px 0px; vertical-align: bottom;}
#menu ul li ul li ul li a:hover{ text-decoration:none; }
#menu ul li ul li ul li ul {padding: 2px 0px 2px 0px; margin: 0px 0px 0px 0px;list-style: none; clear:left; }
#menu ul li ul li ul li ul li{margin: 0px 0px 0px 0px; display: block; }
#menu ul li ul li ul li ul li a{ width: 165px; padding: 5px 60px 5px 5px; display: block; text-decoration:none; font-weight:bold; font-family:helvetica; text-transform:uppercase; font-size:14px; margin: 0px 0px 0px 0px; vertical-align: bottom;}
#menu ul li ul li ul li ul li a:hover{ text-decoration:none; }

ul#recentcomments {padding: 2px 0px 2px 0px; margin: 0px 0px 0px 0px;list-style: none; width:230px; clear:left; float:right;}
ul#recentcomments li{margin: 0px 0px 0px 0px; display: block; font-weight:bold; font-family:helvetica; text-transform:uppercase; font-size:14px;}
ul#recentcomments li a{ width: 225px; display: block; padding: 5px 0px 5px 5px; text-decoration:none; font-weight:bold; font-family:arial; text-transform:uppercase; font-size:14px; margin: 0px 0px 0px 0px; vertical-align: bottom;}
ul#recentcomments li a:hover{ text-decoration:none; }
#recentcomments a{ text-decoration:none; font-weight:bold; font-family:helvetica; text-transform:uppercase; font-size:14px;}
#recentcomments a:hover{ text-decoration:none; font-weight:bold; font-family:helvetica; text-transform:uppercase; font-size:14px; }

#maincol{ float: left; display:inline; position: absolute; top: 90px; left: 338px; width:650px; font-family:verdana; font-size: 13px; overflow:hidden; text-align:left;}
#maincol h1 {margin:0px 0px 0px 0px; padding:0px; font-family:helvetica; font-weight:bold; font-size:22px; text-transform:uppercase; clear:both;}
#maincol h2 { margin:0px 0px 0px 0px; padding:0px; font-family:helvetica; font-weight:bold; font-size:20px;text-transform:uppercase; clear:both;}
#maincol h2 a{ text-decoration:none;} 

#maincol h3 { margin:0px 0px 0px 0px; padding:0px; font-family:helvetica; font-weight:bold; font-size:18px; text-transform:uppercase; clear:both;}
#maincol h4 { margin:0px 0px 0px 0px; padding:0px; font-family:helvetica; font-weight:bold;font-size:16px; text-transform:uppercase; clear:both;}
#maincol h5 { margin:0px 0px 0px 0px; padding:0px; font-family:helvetica; font-weight:bold; font-size:14px; text-transform:uppercase; clear:both;}
#maincol h6 { margin:0px 0px 0px 0px; padding:0px; font-family:helvetica; font-weight:bold; font-size:12px; text-transform:uppercase; clear:both;}
#maincol p{ font-size: 13px; line-height:1.7em; clear:left;}
#maincol p a:hover{ text-decoration:none;}
#maincol ul{ font-size: 13px; line-height:1.7em; clear:left;}
#maincol ol{ font-size: 13px; line-height:1.7em; clear:left;}