Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #1158271

    Hello, I opened my new website and there’s some issues / things i can’t do that i need help.
    Please provide solutions as fast as possible.

    1) There seem to be general problems when styling font, color mostly.
    Here you can see the font on the blu navy background as grey. I changed it to white but it won’t change and no, it’s not a cache problem.
    Why the colors won’t change and how to make it happen?

    2) This color problem seems to be general. I tried to change the general font color through general styling but change won’t apply. Again, it’s not cache

    3) Forms:
    I would like to style the forms. I added the forms with WPForms which inherhite the styling from the template.
    I would like to change the styling a lot, but it’s enough to remove the bold from some of the content. (see link and image below)
    I would like to remove bold from “name” and “surname” and also from the label description (see image).
    Page: https://www.calcioshow.tv/video-e-dmca/#rimozione
    Explaining image: https://ibb.co/xmJDzjL

    4) Articles fix:
    Again, some sort of font problem. I would like to customize the default font size e color of image description.
    I like it like it shows in editing preview, but when i visit the published page, the image text is the same as the content text. Also is NO LONGER centered, i would like to keep it centered
    See an article: https://www.calcioshow.tv/mourinho-e-conte-guerra/
    See this image on how i would like (like the editing preview basically): https://ibb.co/xf6s8LM

    Sorry if i put couple things here, i think they are not big issues anyways.
    A couple more things will come later on another post, as for now thanks a lot for your support and i hope you can tell me how to fix these.

    J

    #1158311

    Ok, so remove problem #2, i sorted it out.
    Please let me know for the other 3.

    1- Text color on paragraph wont change.

    3- Forms

    4- default Image text stlying fix (like in the preview)

    #1158584

    Hi Jacopotj,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    p.has-background {
        color: #fff;
    }
    #top div.wpforms-container-full .wpforms-form .wpforms-field-label-inline {
        font-weight: lighter;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1158604

    Hi Victoria, thank you, you were really useful.
    But, the name surname part is still bold, how to unbold that too?

    As for the paragraph text color, i see it fixed. Not sure if it was you but in case, awesome.

    The last issue didnt get a fix or an answer, so i post it again.

    4) Articles fix:
    Again, some sort of font problem. I would like to customize the default font size e color of image description (text added below image)
    I like it like it shows in editing preview, but when i visit the published page, the image text is the same as the content text. Also is NO LONGER centered, i would like to keep it centered
    See an article: https://www.calcioshow.tv/mourinho-e-conte-guerra/
    See this image on how i would like (like the editing preview basically): https://ibb.co/xf6s8LM

    Thank you!

    #1159417

    Hi Jacopotj,

    I am not sure that I know what name you’re referring to. Could you please attach some screenshots of the issue?

    As for the image description, is it how you need it? Grey and in the center?

    Best regards,
    Victoria

    #1159489

    it is the name / surname under full name on the link provided, but it doesn’t matter it’s not that important

    The image caption (added through article editing when adding image), i want it centered, as for color and font size i’ll se myself.

    Kindly provide me a code that applies to all the captions, where the text is centered and with a font size and font color edit.
    I’ll then adjust the size and the color code.

    Thank you.

    #1159607

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
    /* CSS - */
    
    .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image .aligncenter > figcaption, .wp-block-image.is-resized > figcaption {
        text-align: center;    
        font-size: 1em;
        background: #ececec;
    }
    
    
    
    

    You can further custom control the elements by adding custom CSS class name, To enable please go to Enfold theme options > Layout Builder and check “Show element options for developers” for more information please check our documentation.

    Best regards,
    Vinay

    #1159619

    Hi Vinay, first of, thanks a lot for the code.

    Sadly, it didn’t work. WordPress gave me an error as you see on the screenshot but i ignored and updated anyway, but as you can see on the page it didn’t change.

    https://ibb.co/234DCgM (Code inside editor)

    https://ibb.co/QCvt4tG (caption exemple)

    #1159620

    I did edit the color and px of the code, in case you wonder. Code screenshot is before publication

    #1159881

    Hi Jacopotj,

    When you copied the code the > sign for translated in its html encoded version, you need to edit the code.
    Cattura.png

    Best regards,
    Victoria

    #1159919

    Ok, And what do i edit the > sign to?

    #1159974

    Hi Jacopotj,

    You remove the circled code in my screenshot and add the > . Then the css should work.

    Best regards,
    Victoria

    • This reply was modified 4 years, 11 months ago by Victoria.
    #1159986

    ahah now i understand, yes im stupid, i probably edited the code on windows 7 notepad before applying, i’m sorry.
    Ok i will try again now.

    #1159997

    Yeah, it worked, thanks both

    I put this
    .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image .aligncenter > figcaption, .wp-block-image.is-resized > figcaption {
    text-align: center;
    font-size: 17px;
    color: #5c5a5c;
    }

    Didn’t work on style.css tho, but worked on customized css

    #1160055

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Font styling and more’ is closed to new replies.