tthdoc

Ok, seemed to locate an issue, but not a solution.

If I open a new user and login to the website, then go to the page, all is working as it should. But if I log out of the wp-admin page, then go back to the website tab and refresh, both the menu issue and the social media issues are there again. So it seems like it is only “seeing” the custom CSS when I am logged into the wp-admin page.

So I can see the problem, now can someone tell me why this is happening and how to fix it?

Thanks
Doc

I found an additional issue with the Custom CSS:

I wanted to add social icons to the footer and put the following code:

.social-link-container {
display: flex;

}
.social-link-container .social-link {
	padding: 3px;
	margin-right: 10px;
	text-decoration: none;
}
.dashicons {
	
        font-size:30px;
        color: #fff;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center; 

}

.dashicons-facebook-alt{
        background: #1877F2;
}
.dashicons-twitter{
	background: #1DA1F2;
}

.dashicons-youtube{
	background: #ff0000;
}

.dashicons:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

On my Chrome page, all is well. But if I go to another Chrome user or Firefox, all I see are three color circles, but the icons, which are white on the working browser, are not there at all. And using inspect, I can modify other factors under .dashicons like width, height, etc, and they change, but the color, which shows white, does not seem to have any effect.

The common pattern seems to now suggest certain CSS are not being reflected, and others are. But don’t understand how it works fine on chrome browser, but if open a new chrome browser as another user, it is not working correctly.

Thanks again,
Doc

Thanks for the update.
Yes, that is a little ridiculous, that thread was started 3 years ago. Oh well, at least there is a workaround.

Leo,

I checked everything in the article and all was correct. So I did some further testing and here is what I found. I have been using Generateblocks but not extensively in the first two posts, but as I learned about them more, I started using them pretty much everywhere since they are so flexible. So I compared the 3 posts and found the issue. Here is what I found.

My first post had this under List View:
Container
–paragraph 1

The second post had this:
Container
–paragraph 1
–paragraph 2
–paragraph 3

The third (one not working) had this (I am using GenerateBlocks):
Container
–Grid
—Container
—-paragraph a
—Container
—-paragraph b
—Container
—-paragraph c

When I put a new root-level container above the grid container like this it works:

Container
–paragraph a <–this now shows in the excerpt
Container
–Grid
—Container
—-paragraph b
—Container
—-paragraph c

As soon as the grid container shows up, the functionality is gone. So if the top container with the paragraph is not more than 55 char, there is no read more… showing. It only shows the first paragraph and stops there.

So I don’t know if this is a WP issue or a Generatepress issue or Generateblocks issue, but in any case, apparently, the grid usage conflicts with the excerpt function.

If you know of any other reason, please let me know, but for now, I will just make sure all my blog posts do not use a grid for the first paragraph and consider this a bug issue somewhere.

Thanks,
Doc

Ying,
That’s what I did in the prior post. I actually had the container(1) with multiple container(2)’s under it. So I just created 3 container(3)’s, then just dragged each grid under container(2)’s to the new root level container(3)’s, then just shifted them up to the right positon and it worked fine. I may try your method in the video next time by dragging it one level below to where it allows the root level placement.

Thanks again for all the help and tips,
Doc

Ying,
Yes, I use the list view all the time, but it is not easy in some cases.
Like for this…

Container(1)
-Grid
–Container
—Paragraph
-Container(2)
–Grid
—Container
—-Image

When you select Container(1) it selects everything. What I wanted was Container(1) to include the grid, container, and paragraph below it, then Container(2) would include its grid, container, and image. But could not drag container(2) to the left so it would do that. So I just created a new Container at the main level (call it Container(3), dragged the grid under container(2) under it, then deleted the now empty container(2).

Container(1)
-Grid
–Container
—Paragraph
-Container(2) <– deleted this after dragging under (3)
Container(3)
–Grid
—-Container
—Image

What I was looking for was an easy way to “shift” container(2) so it looked like container(3). It did not let me drag it left 1 position.

In any case, this workaround did what I needed, just was seeing if there were another way. I find sometimes the dragging works fine (like moving the grid under container(3), but other times, like shifting it left, not so much.

Thanks for all the help,
Doc

I have the issue solved using the margin adjustment and it worked fine. Thanks for the help with that. But do have one other question. If you have this:

Container(1)
-Grid
–Container
—Paragraph
-Container(2)
–Grid
—Container
—-Image

How do you move Container 2 so it is in the same position as container 1. In other words, Container 2 is indented so that it is a part of container 1. I want it to be its own container. How do you back up the indent? I try to grab and slide it in but without success. I know I could start from scratch but I was hoping there was an easier way.

thanks
Doc

Getting there but not quite. The Grid vertical alignment is set to default

I set the min-height to 300 px and the length of the image container expands and can be centered. But the heading container also expanded, so now there is a large gap between the heading and the paragraphs:

————————————-
————————- heading

imaage

————————————-
————————- paragraph

the only way to fix it was to give the paragraph container a -250px top margin. It seems to work, but is this the only way to do this, or is there any other simpler solution.
thanks,
Doc

• This reply was modified 2 years, 10 months ago by tthdoc.

Ok, this did not work, at least fully.

When the image was on the right, I can select vertical alignment on the container with the image and center it (so if there were 5 paragraphs the image was not at the top). The image container was vertically the length of the 5 paragraphs.

The right horizontal alignment does put the 5 paragraphs under the heading on the right instead of under the image, and I can now have the 3 containers all aligned under each other (instead of an indented container under the heading), but the image container does not span the entire length of the 5 paragraphs anymore, and so selecting center for the image container does nothing. Any other ideas?

Thanks,
Doc

I just tried again with google drive. I think you should be able to access them now. Let me know.
Thanks,
Doc

You should have access to the images now. And which problems are you referring to? The black dashboard bar occurs on whatever theme I use (I have another site that uses wordpress and it happens there as well, and on my desktop or laptop. I just am trying to find someone who might know why and if it is wordpress in general, is there a setting that would account for the fact that another person using the same version of wordpress and the same theme does not have that issue.

As to the images, again, not sure what you mean. When you edit, it shows the post in full screen, not as it appears on the live website it is only showing the post, not the sidebars that show on the site. So was just wondering if there was an easier way to edit. As it is, it is not WYSIWYG. If that is the way it is then so be it, I will just deal with it.

Thanks,
Doc

Oh and just FYI, here is the screenshot of what it looks like in mobile preview, yet on my phone it does resize, but it also shows in left justified. How would I have it center when looking at it on the phone.

https://drive.google.com/file/d/1ukdD2zwhgvrZtZxXU8aAJKuJFb7YFowF/view?usp=sharing

Thanks again.
Doc

I uploaded 2 screenshots.
The first one (image1.png) shows the page in edit mode with the settings box closed, and you can see the text starts at the top of the image and ends at the bottom of the image.

In the second (image2.png), I preview in a new tab, which shows it as the site live would be, and you see the alignment is different.
So it is hard to visualize when editing since the side bars are not accounted for.

Also, just recently when attending a webinar when they were using generate press theme and were editing, the black box (the one on the dashboard with plugins, users, etc) was present. As you can see in my screenshot, there is just a W in the upper left that I have to click if I want to see dashboard options (and it exits the editing). Is there anything I can do to change the behavior so that I see the dashboard black sidebar when editing.

Thanks again.
Doc

https://drive.google.com/file/d/17x2LelhlM9ltqR3X067u13XNRuZ9zyJr/view?usp=sharing https://drive.google.com/file/d/1HJMtiltiDouDEqlSt6-bFot5_renMC5T/view?usp=sharing

Thanks for the quick reply. So I removed the CSS and resaved it. I then published it and checked my phone and yes, the image is resized, but not in the preview when in the editor. So this leads me to another question. That same page on the preview looks perfect, meaning the 2 paragraphs of text line up with the image (so the image say is 200 px in height, the paragraphs start and end totaling 200px. But when I go to preview in another tab, it shows the sidebars as well and the alignment is not there anymore since the text is now in a smaller space. So what is the best way to edit? Right now it seems I would have to align, check in another tab, readjust the image size, then check again, etc.

Another related question. Since the image is resized on mobile but is not centered, is there a way to have it center as well (and I guess same could be said for tablet when the text gets pushed to below the image instead of next to it.

Thanks again.
Doc

Ok, just talked to my son and he said he has the trial of pro, which is why the screen shows lite. Thanks, will send email to support.