[Resolved] Blog

[rafel jesus]

Hi there.
I copied a blog from the old website but the customizer doesn’t work or maybe I don’t use well.
I put the website below these lines.
I change the settings in customizer-design-blog and typography but I don’t like it.
I also eliminate the CSS code of this theme, now I have that.
How can I do a new setting or create shortcode entries in the blog?
Thanks for your time and patience.

/* GeneratePress Site CSS */ /* Typography styling */

/* Text highlighter on Underline Text Decoration on Elementor Headings and anchor links */
u {
text-decoration: none;
position: relative;
z-index: 2;
font-style: italic;
}

u:before {
position: absolute;
content: ”;
bottom: 5px;
left: 0;
width: 100%;
height: 12px;
background-color: rgba(0, 158, 226, 0.3);
z-index: -1;
}

.text-highlighter .elementor-heading-title,
a.text-highlighter {
display: inline;
background-color: #22222f;
color: #fff;
padding: 0.2em 0.5em;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
.main-navigation ul ul {
color: #fff !important;
}

/*— WP Show Posts —*/

a.wp-show-posts-read-more,
a.wp-show-posts-read-more:hover {
padding: 0;
border: 0;
}

/*— Primary Navigation – Mega Menu —*/

@media (min-width: 769px) {
nav .main-nav .mega-menu {
position: static;
}

/* nav .main-nav, .inside-navigation {
position: static;
}*/
nav .main-nav .mega-menu>ul {
position: absolute;
width: 100%;
left: 0 !important;
padding: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

nav .main-nav .mega-menu>ul>li>a {
font-weight: bold;
}

nav .main-nav .mega-menu>ul>li {
display: inline-block;
width: 25%;
vertical-align: top;
border-right: 1px solid;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

nav .main-nav .mega-menu>ul>li:last-child {
border-right: 0;
}

nav .main-nav .mega-menu.mega-menu-col-2>ul>li {
width: 50%;
}

nav .main-nav .mega-menu.mega-menu-col-3>ul>li {
width: 33.3333%;
}

nav .main-nav .mega-menu.mega-menu-col-5>ul>li {
width: 20%;
}

nav .main-nav .mega-menu>ul>li:hover>a,
nav .main-nav .mega-menu>ul>li:focus>a,
nav .main-nav .mega-menu>ul>li[class*=”current-“]>a,
nav .main-nav .mega-menu ul ul {
background-color: transparent !important;
color: inherit;
}

nav .main-nav .mega-menu ul .sub-menu {
position: static;
display: block;
opacity: 1;
visibility: visible;
width: 100%;
-webkit-box-shadow: 0 0 0;
box-shadow: 0 0 0;
left: 0;
height: auto;
}

nav .main-nav .mega-menu ul.toggled-on .sub-menu {
pointer-events: auto;
}

nav .main-nav .mega-menu .sub-menu .menu-item-has-children .dropdown-menu-toggle {
display: none;
}

.header-wrap+#page {
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);

}
}

/*— Elementor Custom styling */

/* Remove Shadow from buttons when not hovered */

.no-hover-shadow .elementor-button:not(:hover) {
-webkit-box-shadow: 0px 7px 10px -6px rgba(0, 0, 0, 0) !important;
box-shadow: 0px 7px 10px -6px rgba(0, 0, 0, 0) !important;
}

/* Reduce distance of FadeInUp and SlideIn Up Animations in Elementor */

@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 30%, 0);
transform: translate3d(0, 30%, 0)
}

to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}

@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 80%, 0);
transform: translate3d(0, 80%, 0);
visibility: visible
}

to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}

/* Style Click Box custom element for desktop */

@media (min-width: 769px) {
.click-box {
position: relative;
}

body:not(.elementor-editor-active) .click-box .elementor-widget-button {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

body:not(.elementor-editor-active) .click-box .elementor-widget-button>.elementor-widget-container,
body:not(.elementor-editor-active) .click-box .elementor-widget-button>.elementor-widget-container>.elementor-button-wrapper,
body:not(.elementor-editor-active) .click-box .elementor-widget-button>.elementor-widget-container>.elementor-button-wrapper>.elementor-button {
width: 100%;
height: 100%;
color: transparent;
border: 0;
background-color: transparent;
}

.click-box:hover .elementor-widget-text-editor,
.click-box:hover .elementor-widget-heading {
color: #fff;
}

body:not(.elementor-editor-active) .click-box-image:not(:hover) .elementor-widget-container {
opacity: 0;
}
}

/* Overflow hidden class on columns to stop animations outside of element – optional */

.overflow-hidden {
overflow: hidden;
}

/* End GeneratePress Site CSS */`

[Leo]

Hi there,

Sorry I’m not sure if I understand.

What is the exact issue here? Certain options aren’t working in the customizer?

If so which options?

Can you also do this first?
https://www.screencast.com/t/O3NDJ5fyH0N

[rafel jesus]

Hi Leo.
I deactivate the WP Rocket and I have that.

This is the main page for the blog
https://www.screencast.com/t/NeoCx42s
And this is the one post from the blog
https://www.screencast.com/t/fX3mfut7LfV

And this is the post in the actual blog, I know I haven’t the same but the more similar as possible. How can I do it? Can you help me?
https://www.screencast.com/t/AAWTT8Xv5Fl
Thank

[Leo]

Hmm I’m definitely still seeing WP Rockets activated.

Can you describe a bit fo what I’m supposed to be looking at above?

Like the spacing below the primary navigation?

[rafel jesus]

Hi Leo.
Excuse me I didn’t off WP Rocket, I do it.
Between the main menu you would have to see some white space, as it would be more elegant, also make the word blog disappear, and that the typography was smaller. I think this kind of bloc isn’t elegant, is a rude block, more same to the third picture I uploaded.
I do not like the space in the main navigation, how can I solve it?
Thanks for your time and patience.

[Leo]

Ok let’s try to look at one thing at the time.

I’m seeing a custom-hero div:
https://www.screencast.com/t/tGeT81lMXJ

Is that needed?

[rafel jesus]

Hi, Yes I think, I don’t know Code.
But if I can eliminate this code for a do a better blog it’s perfect.

[Leo]

I don’t believe you needed that? Isn’t that just displaying the title of the post?

Can you remove that for now?

[rafel jesus]

How? Where is this code?

[Leo]

This isn’t added by default. Did you import a site recently and decide not to use it?

If so are you able to revert the changes?
https://docs.generatepress.com/article/removing-imported-site/

[rafel jesus]

I take a look and I will say.
Thanks

[rafel jesus]

Hi Leo.
But if I do that I lost the website I did with Bold Theme
If you want access to the admin panel I can do access

[Leo]

What’s your top content padding set in the customizer?
https://docs.generatepress.com/article/content-padding/

[rafel jesus]

Hi Leo.
But that doesn’t work, I change some code in Elements about the blog, for example, I eliminated the word BLOG, and I introduce more space between the main menu and the text.
That doesn’t work on page “https://proves.ccfoto.cat/actualitat/” and in the entries of the blog.
I tried to change typography in Appearance > Customize > Typography and doesn’t work, as well.
and I repeat If you want access to the admin panel I can do access.
Thanks for your time and patience

[Leo]

Let’s try to work on one thing at the time.

What exactly isn’t working on this page?
https://proves.ccfoto.cat/actualitat/

Access to the admin panel won’t help as I cannot make changes or construct your site for you.

[Author]

Posts